search site

This commit is contained in:
headlesdev
2025-05-18 12:45:31 +02:00
parent 8f9c560706
commit 911eec0c90
2 changed files with 29 additions and 3 deletions

View File

@@ -18,6 +18,7 @@ export default function SitesPage({ username, name }: SitesPageProps) {
const [currentPage, setCurrentPage] = useState(1);
const [itemPerPage, setItemPerPage] = useState(5);
const [total, setTotal] = useState(0);
const [search, setSearch] = useState("");
const handlePageChange = (page: number) => {
setCurrentPage(page);
@@ -27,12 +28,13 @@ export default function SitesPage({ username, name }: SitesPageProps) {
params: {
currentPage,
itemPerPage,
search,
},
}).then((response) => {
setSites(response.data.sites);
setTotal(response.data.total);
});
}, [currentPage, itemPerPage]);
}, [currentPage, itemPerPage, search]);
return (
<Sidebar
@@ -54,7 +56,7 @@ export default function SitesPage({ username, name }: SitesPageProps) {
<AddSite />
<div className="flex gap-2 items-center pt-4">
<input type="text" placeholder="Search..." className="input input-bordered w-full" />
<input type="text" placeholder="Search..." className="input input-bordered w-full" onChange={(e) => setSearch(e.target.value)} />
<select defaultValue="Pick a font" className="select w-24" onChange={(e) => setItemPerPage(Number(e.target.value))}>
<option disabled={true}>Layout</option>
<option value={5}>List</option>