```

add new student info route and related components, update auth guard implementation and signup success redirect
```

002_source/ionic_mobile/src/pages/auth/AuthorizedTest/auth-guard.tsx

@@ -1,52 +0,0 @@
-import { useIonRouter } from '@ionic/react';
-import * as React from 'react';
-import { IonAlert, IonButton } from '@ionic/react';
-import { useUser } from '../../../hooks/use-user';
-import { Paths } from '../../../Paths';
-
-export interface AuthGuardProps {
-  children: React.ReactNode;
-}
-
-export function AuthGuard({ children }: AuthGuardProps): React.JSX.Element | null {
-  const router = useIonRouter();
-  const { user, error, isLoading } = useUser();
-  const [isChecking, setIsChecking] = React.useState<boolean>(true);
-
-  const checkPermissions = async (): Promise<void> => {
-    //
-    if (isLoading) {
-      return;
-    }
-    //
-    if (error) {
-      setIsChecking(false);
-      return;
-    }
-    // NOTE: here state that if user = null, eject user to login page
-    if (!user) {
-      // logger.debug('[AuthGuard]: User is not logged in, redirecting to sign in');
-
-      router.push(Paths.AuthLogin);
-    }
-
-    setIsChecking(false);
-  };
-
-  React.useEffect(() => {
-    checkPermissions().catch(() => {
-      // noop
-    });
-    // eslint-disable-next-line react-hooks/exhaustive-deps -- Expected
-  }, [user, error, isLoading]);
-
-  if (isChecking) {
-    return null;
-  }
-
-  if (error) {
-    return <IonAlert color="error">{error}</IonAlert>;
-  }
-
-  return <React.Fragment>{children}</React.Fragment>;
-}

002_source/ionic_mobile/src/pages/auth/SignUp/index.tsx

@@ -38,6 +38,7 @@ import { z as zod } from 'zod';
 import { pb } from '../../../lib/pb';
 import { ClientResponseError } from 'pocketbase';
 import { COL_USER_METAS, COL_USERS } from '../../../constants';
+import { Paths } from '../../../Paths';
 
 function AuthSignUp(): React.JSX.Element {
   const params = useParams();
@@ -109,6 +110,8 @@ function AuthSignUp(): React.JSX.Element {
         };
         const userMetaRecord = await pb.collection(COL_USER_METAS).create(userMeta);
         await pb.collection('users').requestVerification(user.email);
+
+        router.push(Paths.SignUpSuccess);
       } catch (err: any) {
         const res_err = err as unknown as ClientResponseError;
         const {
@@ -133,19 +136,7 @@ function AuthSignUp(): React.JSX.Element {
 
   return (
     <IonPage className={styles.loginPage}>
-      <IonHeader>
-        <IonToolbar>
-          <IonButtons slot="start">
-            <IonBackButton icon={arrowBack} text="" className="custom-back" />
-          </IonButtons>
-
-          <IonButtons slot="end">
-            <IonButton className="custom-button">
-              <IonIcon icon={shapesOutline} />
-            </IonButton>
-          </IonButtons>
-        </IonToolbar>
-      </IonHeader>
+      <IonHeader></IonHeader>
       {/*  */}
       <IonContent fullscreen>
         <form onSubmit={handleSubmit(onSubmit)}>

002_source/ionic_mobile/src/pages/auth/StudentInfo/index.tsx

@@ -0,0 +1,59 @@
+import {
+  IonBackButton,
+  IonButton,
+  IonButtons,
+  IonCardTitle,
+  IonCol,
+  IonContent,
+  IonFooter,
+  IonGrid,
+  IonHeader,
+  IonIcon,
+  IonInput,
+  IonLabel,
+  IonPage,
+  IonRow,
+  IonText,
+  IonToolbar,
+  useIonRouter,
+} from '@ionic/react';
+import styles from './style.module.scss';
+import _ from 'lodash';
+import { Router, useParams } from 'react-router';
+import { Wave } from '../../../components/Wave';
+import { Paths } from '../../../Paths';
+
+function StudentInfo(): React.JSX.Element {
+  const router = useIonRouter();
+  const { id } = useParams();
+  function handleBackToLogin() {
+    router.push(Paths.AuthLogin);
+  }
+  return (
+    <IonPage className={styles.loginPage}>
+      <IonHeader>{/*  */}</IonHeader>
+      {/*  */}
+      <IonContent fullscreen>
+        <IonGrid className="ion-padding">
+          <IonCol>
+            <IonRow>
+              <IonText>Student Info test</IonText>
+              <IonText>{JSON.stringify({ id })}</IonText>
+            </IonRow>
+            <IonRow>
+              <IonButton onClick={handleBackToLogin}>Back to login</IonButton>
+            </IonRow>
+          </IonCol>
+        </IonGrid>
+      </IonContent>
+      {/*  */}
+      <IonFooter>
+        <IonGrid className="ion-no-margin ion-no-padding">
+          <Wave />
+        </IonGrid>
+      </IonFooter>
+    </IonPage>
+  );
+}
+
+export default StudentInfo;

002_source/ionic_mobile/src/pages/auth/StudentInfo/style.module.scss

@@ -0,0 +1,17 @@
+.signupPage {
+  ion-toolbar {
+    --border-style: none;
+    --border-color: transparent;
+    --padding-top: 1rem;
+    --padding-bottom: 1rem;
+    --padding-start: 1rem;
+    --padding-end: 1rem;
+  }
+}
+
+.headingText {
+  h5 {
+    margin-top: 0.2rem;
+    // color: #d3a6c7;
+  }
+}