Feedback 2

ocadotechnology · Nov 25, 2024 · 7139b52 · 7139b52
1 parent 53010c7
commit 7139b52
Show file tree

Hide file tree

Showing 2 changed files with 59 additions and 56 deletions.
diff --git a/src/pages/studentJoinClass/RequestPending.tsx b/src/pages/studentJoinClass/RequestPending.tsx
@@ -19,63 +19,61 @@ const RequestPending: FC<RequestPendingProps> = ({ user }) => {
 
   return handleResultState(
     useRetrieveSchoolQuery(user.requesting_to_join_class!.school),
-    school => {
-      return (
-        <>
-          <Typography variant="h5">Request pending</Typography>
-          <Typography>
-            Your request to join class {user.requesting_to_join_class!.id} in
-            the school or club {school.name} is still pending.
-          </Typography>
-          <Typography>
-            The teacher for that class must review and approve the request to
-            complete the process.
-          </Typography>
-          <Typography>
-            If successful, the teacher will then contact you with your new login
-            details.
-          </Typography>
-          <Typography>
-            <strong>Warning:</strong> once the teacher accepts you to their
-            class, that teacher and the school or club will manage your account.
-          </Typography>
-          <Typography>
-            You may cancel your request now, before the teacher makes their
-            decision.
-          </Typography>
-          <Stack direction="row" spacing={2}>
-            <LinkButton variant="outlined" to={paths.indy.dashboard._}>
-              Back
-            </LinkButton>
-            <Button
-              onClick={() => {
-                void updateUser({
-                  id: user.id,
-                  requesting_to_join_class: null,
-                })
-                  .unwrap()
-                  .then(() => {
-                    navigate(".", {
-                      state: {
-                        notifications: [
-                          {
-                            props: {
-                              children:
-                                "Your request to join a school has been revoked successfully.",
-                            },
+    school => (
+      <>
+        <Typography variant="h5">Request pending</Typography>
+        <Typography>
+          Your request to join class {user.requesting_to_join_class!.id} in the
+          school or club {school.name} is still pending.
+        </Typography>
+        <Typography>
+          The teacher for that class must review and approve the request to
+          complete the process.
+        </Typography>
+        <Typography>
+          If successful, the teacher will then contact you with your new login
+          details.
+        </Typography>
+        <Typography>
+          <strong>Warning:</strong> once the teacher accepts you to their class,
+          that teacher and the school or club will manage your account.
+        </Typography>
+        <Typography>
+          You may cancel your request now, before the teacher makes their
+          decision.
+        </Typography>
+        <Stack direction="row" spacing={2}>
+          <LinkButton variant="outlined" to={paths.indy.dashboard._}>
+            Back
+          </LinkButton>
+          <Button
+            onClick={() => {
+              void updateUser({
+                id: user.id,
+                requesting_to_join_class: null,
+              })
+                .unwrap()
+                .then(() => {
+                  navigate(".", {
+                    state: {
+                      notifications: [
+                        {
+                          props: {
+                            children:
+                              "Your request to join a school has been revoked successfully.",
                           },
-                        ],
-                      },
-                    })
+                        },
+                      ],
+                    },
                   })
-              }}
-            >
-              Cancel request
-            </Button>
-          </Stack>
-        </>
-      )
-    },
+                })
+            }}
+          >
+            Cancel request
+          </Button>
+        </Stack>
+      </>
+    ),
   )
 }
 

diff --git a/src/pages/studentJoinClass/StudentJoinClass.tsx b/src/pages/studentJoinClass/StudentJoinClass.tsx
@@ -40,7 +40,12 @@ const _StudentJoinClass: FC<SessionMetadata> = ({ user_id }) => {
               If successful, the teacher will contact you with your new login
               details.
             </Typography>
-            <RequestToJoinClassForm indyUser={user} />
+            <RequestToJoinClassForm
+              indyUser={{
+                id: user.id,
+                requesting_to_join_class: user.requesting_to_join_class!.id,
+              }}
+            />
           </>
         )}
       </page.Section>