rannes.dev/wine-shop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

updated searchbar to retain state on refresh
All checks were successful
Vercel Production Deployment / Deploy-Production (push) Successful in 1m18s
Details

Browse Source
This commit is contained in:
ChrQR 2024-05-28 14:10:56 +02:00
parent a61a65aab0
commit ef08c000ec
1 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/app/_components/SearchBar.tsx
View File

@ -4,13 +4,14 @@ import { Input } from "~/components/ui/input";
import useFilterStore from "../store"; import useFilterStore from "../store";
export default function SearchBar() { export default function SearchBar() {
const [searchQuery, setSearchQuery] = useState(""); const [query, setQuery] = useState("");
const setStoreSearchQuery = useFilterStore((state) => state.setSearchQuery); const setStoreSearchQuery = useFilterStore((state) => state.setSearchQuery);
const { searchQuery } = useFilterStore((state) => state.filters);
function handleInput(e: ChangeEvent<HTMLInputElement>) { function handleInput(e: ChangeEvent<HTMLInputElement>) {
e.preventDefault(); e.preventDefault();
const newValue = e.target.value; const newValue = e.target.value;
setSearchQuery(newValue); setQuery(newValue);
setStoreSearchQuery(newValue); setStoreSearchQuery(newValue);
} }
return ( return (