change fetching for admin

Author: Kurtyjlee

peerprep-fe/src/app/admin/page.tsx

@@ -20,7 +20,9 @@ function AdminPage() {
     updateFilter,
     removeFilter,
     isLoading,
-    refetchFilter,
+    hasMore,
+    loadMore,
+    fetchProblems,
   } = useFilteredProblems();
 
   const validateEntries = (problem: Problem) => {
@@ -40,7 +42,7 @@ function AdminPage() {
     if (res.status !== 200) {
       throw new Error('Failed to delete problem');
     }
-    refetchFilter();
+    fetchProblems(1, false);
     return res;
   };
 
@@ -59,7 +61,7 @@ function AdminPage() {
         title: problem.title,
       });
 
-      refetchFilter();
+      fetchProblems(1, false);
       return res;
     } catch (e: unknown) {
       if (isAxiosError(e)) {
@@ -97,7 +99,7 @@ function AdminPage() {
         title: problem.title,
       });
 
-      refetchFilter();
+      fetchProblems(1, false);
       toggleDialogOpen();
       return res;
     } catch (e: unknown) {
@@ -132,9 +134,11 @@ function AdminPage() {
         <ProblemTable
           problems={problems}
           isLoading={isLoading}
-          showActions={true}
+          hasMore={hasMore}
+          onLoadMore={loadMore}
           handleDelete={handleDelete}
           handleEdit={handleEdit}
+          showActions={true}
         />
       </div>
       <ProblemInputDialog

peerprep-fe/src/components/problems/ProblemRow.tsx

@@ -159,8 +159,8 @@ export default function ProblemRow({
         title="Confirm Delete"
         description={`Are you sure you want to delete \"${problem.title}\"?`}
         callback={() => {
-          setIsDeleteDialogOpen(false);
           handleDeleteClick();
+          setIsDeleteDialogOpen(false);
         }}
         callbackTitle="Delete"
       />
@@ -170,7 +170,10 @@ export default function ProblemRow({
         isOpen={isEditDialogOpen}
         onClose={() => setIsEditDialogOpen(false)}
         problem={problem}
-        requestCallback={handleEditClick}
+        requestCallback={(problem) => {
+          handleEditClick(problem);
+          setIsEditDialogOpen(false);
+        }}
         requestTitle="Update"
       />
 

peerprep-fe/src/hooks/useFilteredProblems.ts

@@ -136,5 +136,6 @@ export function useFilteredProblems() {
     isLoading,
     hasMore,
     loadMore,
+    fetchProblems,
   };
 }