Implement space member search (#731)

* Hide pagination buttons if there is nothing to paginate
* Create reusable hook for search and pagination
This commit is contained in:
Philip Okugbe
2025-02-15 14:14:30 +00:00
committed by GitHub
parent 4d51986250
commit f92d63261d
7 changed files with 47 additions and 16 deletions

View File

@ -0,0 +1,17 @@
import { useState, useRef, useCallback } from "react";
export function usePaginateAndSearch(initialQuery: string = "") {
const [search, setSearch] = useState(initialQuery);
const [page, setPage] = useState(1);
const prevSearchRef = useRef(search);
const handleSearch = useCallback((newQuery: string) => {
if (prevSearchRef.current !== newQuery) {
prevSearchRef.current = newQuery;
setSearch(newQuery);
setPage(1);
}
}, []);
return { search, page, setPage, handleSearch };
}