Fix: Add invalidation to editMutation trpc query to refactor refetch …

…on handleEditStudent function.
sfbrigade · Nov 2, 2023 · 06626d8 · 06626d8
1 parent ecc994b
commit 06626d8
Showing 1 changed file with 10 additions and 7 deletions.
diff --git a/src/pages/students/[student_id].tsx b/src/pages/students/[student_id].tsx
@@ -61,7 +61,9 @@ const ViewStudentPage = () => {
     { enabled: Boolean(student_id), retry: false }
   );
 
-  const editMutation = trpc.case_manager.editStudent.useMutation();
+  const editMutation = trpc.case_manager.editStudent.useMutation({
+    onSuccess: () => utils.student.getStudentById.invalidate(),
+  });
 
   const handleEditStudent = async () => {
     if (!student) {
@@ -75,7 +77,7 @@ const ViewStudentPage = () => {
       grade: grade,
     });
     handleMainState();
-    document.location.reload();
+    // document.location.reload();
   };
 
   const archiveMutation = trpc.case_manager.removeStudent.useMutation();
@@ -125,11 +127,12 @@ const ViewStudentPage = () => {
   return (
     <Stack
       spacing={2}
-      sx={{
-        display: "flex",
-        flexDirection: "column",
-        alignItems: "center",
-      }}
+      // sx={{
+      //   display: "flex",
+      //   flexDirection: "column",
+      //   alignItems: "center",
+      //   width: "100vu",
+      // }}
     >
       <Container
         className={$StudentPage.studentInfoContainer}