fix: page overflow while searching

vichannnnn · Jun 16, 2023 · 66be574 · 66be574
1 parent da6c3e3
commit 66be574
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/holy-grail-frontend/src/features/Developer/TabContent.tsx b/holy-grail-frontend/src/features/Developer/TabContent.tsx
@@ -61,7 +61,6 @@ export const TabContent = ({
         validData.slice(i, i + chunkSize)
       );
     };
-    console.log(pagedData);
     return pagedData;
   }
 
@@ -82,6 +81,8 @@ export const TabContent = ({
                 placeholder={`Search for ${title}`}
                 onChange={(event: React.ChangeEvent<HTMLInputElement>) => {
                   setQuery(event.target.value);
+                  //go back to first page to prevent overflow
+                  setPage(0);
                   handleValidData();
 
                 }}
@@ -103,6 +104,8 @@ export const TabContent = ({
             rowsPerPageOptions={[5,10,15,20]}
             onRowsPerPageChange={(event: React.ChangeEvent<HTMLInputElement>) => {
               setChunkSize(parseInt(event.target.value));
+              //go back to first page to prevent overflow
+              setPage(0);
               handlePaging();
             }}
           />