fix(plugin-search-react): reset page cursor when page limit changes

Signed-off-by: Gabriel Testault <gabriel.testault@goto.com>
2023-05-08 16:02:01 +02:00
parent 6ca4123ce6
commit f9114941c9
1 changed files with 9 additions and 1 deletions
@@ -191,12 +191,20 @@ export const SearchPagination = (props: SearchPaginationProps) => {
  const { pageLimit, setPageLimit, pageCursor, setPageCursor, fetchNextPage } =
    useSearch();

+  const handlePageLimitChange = useCallback(
+    (newPageLimit: number) => {
+      setPageLimit(newPageLimit);
+      setPageCursor(undefined);
+    },
+    [setPageLimit, setPageCursor],
+  );
+
  return (
    <SearchPaginationBase
      {...props}
      hasNextPage={!!fetchNextPage}
      limit={pageLimit}
-      onLimitChange={setPageLimit}
+      onLimitChange={handlePageLimitChange}
      cursor={pageCursor}
      onCursorChange={setPageCursor}
    />