diff --git a/src/components/SearchResults/SearchResults.tsx b/src/components/SearchResults/SearchResults.tsx index 43e692c..48a9200 100644 --- a/src/components/SearchResults/SearchResults.tsx +++ b/src/components/SearchResults/SearchResults.tsx @@ -6,6 +6,7 @@ import React, { MouseEvent, SetStateAction, useCallback, + useEffect, useMemo, useState, } from "react"; @@ -201,7 +202,11 @@ function SearchResults({ const { t } = useTranslation(); const [page, setPage] = React.useState(0); const [rowsPerPage, setRowsPerPage] = React.useState(10); - + + useEffect(() => { + setPage(0); + }, [items]); + /// this const handleChangePage: TablePaginationProps["onPageChange"] = ( _event, diff --git a/src/components/Shop/Shop.tsx b/src/components/Shop/Shop.tsx index 60b695f..ad24350 100644 --- a/src/components/Shop/Shop.tsx +++ b/src/components/Shop/Shop.tsx @@ -205,6 +205,7 @@ const Shop: React.FC = () => { // SearchBox onSearch will call this const handleSearch = (inputs: Record) => { setFilters(inputs); + setPagingController((prev) => ({ ...prev, pageNum: 1 })); const params: Record = {}; Object.entries(inputs || {}).forEach(([k, v]) => { if (v != null && String(v).trim() !== "") params[k] = String(v).trim();