Merge 7abd839 into 3abd1c3

Author: josh1248

src/pages/academy/grading/subcomponents/GradingSubmissionsTable.tsx

@@ -128,10 +128,15 @@ const GradingSubmissionTable: React.FC<GradingSubmissionTableProps> = ({
   const [searchQuery, setSearchQuery] = useState('');
   /** The actual value sent to the backend */
   const [searchValue, setSearchValue] = useState('');
-  const debouncedSetSearchValue = useMemo(() => debounce(setSearchValue, 300), []);
+  // Placing searchValue as a dependency for triggering a page reset will result in double-querying.
+  const updateSearch = (newValue: string) => {
+    resetPage();
+    setSearchValue(newValue);
+  };
+  const debouncedUpdateSearchValue = useMemo(() => debounce(updateSearch, 300), []);
   const handleSearchQueryUpdate: React.ChangeEventHandler<HTMLInputElement> = e => {
     setSearchQuery(e.target.value);
-    debouncedSetSearchValue(e.target.value);
+    debouncedUpdateSearchValue(e.target.value);
   };
 
   const [page, setPage] = useState(0);
@@ -158,7 +163,13 @@ const GradingSubmissionTable: React.FC<GradingSubmissionTableProps> = ({
   const table = useReactTable({
     data: submissions,
     columns,
-    state: { columnFilters },
+    state: {
+      columnFilters,
+      pagination: {
+        pageIndex: 0,
+        pageSize: pageSize
+      }
+    },
     onColumnFiltersChange: setColumnFilters,
     getCoreRowModel: getCoreRowModel(),
     getFilteredRowModel: getFilteredRowModel(),
@@ -168,6 +179,7 @@ const GradingSubmissionTable: React.FC<GradingSubmissionTableProps> = ({
   const handleFilterRemove = ({ id, value }: ColumnFilter) => {
     const newFilters = columnFilters.filter(filter => filter.id !== id && filter.value !== value);
     setColumnFilters(newFilters);
+    resetPage();
   };
 
   useEffect(() => {
@@ -176,7 +188,7 @@ const GradingSubmissionTable: React.FC<GradingSubmissionTableProps> = ({
 
   useEffect(() => {
     resetPage();
-  }, [updateEntries, resetPage]);
+  }, [updateEntries, resetPage, searchValue]);
 
   useEffect(() => {
     updateEntries(page, backendFilterParams);