diff --git a/src/app/App.tsx b/src/app/App.tsx index 540b3fb..dcd44ee 100644 --- a/src/app/App.tsx +++ b/src/app/App.tsx @@ -13,14 +13,26 @@ const AddRegionButton: React.FC = () => { return ; }; +const ResetFilters: React.FC = () => { + const resetFilters = useFilterStore((state) => state.resetFilters); + + const handleClick = () => { + resetFilters(); + }; + + return ; +}; + export default function App() { const filters = useFilterStore((state) => state.filters); return (
+

Filter state:

{JSON.stringify(filters)} +
); } diff --git a/src/app/_components/FilterMenu.tsx b/src/app/_components/FilterMenu.tsx index dc4afec..19bd7ce 100644 --- a/src/app/_components/FilterMenu.tsx +++ b/src/app/_components/FilterMenu.tsx @@ -10,16 +10,19 @@ import { import { Input } from "~/components/ui/input"; import { Slider } from "~/components/ui/slider"; import { ChangeEvent, useState } from "react"; +import useFilterStore from "../store"; export default function Filtermenu() { const [minPrice, setMinPrice] = useState(0); const [maxPrice, setMaxPrice] = useState(9999); const [sliderValues, setSliderValues] = useState<[number, number]>([0, 9999]); + const setStorePrice = useFilterStore((state) => state.setPrice); const handleMinPriceChange = (e: ChangeEvent): void => { const value = Math.min(Number(e.target.value), maxPrice - 1); setMinPrice(value); setSliderValues([value, sliderValues[1]]); + setStorePrice(minPrice, maxPrice); }; const handleMaxPriceChange = (e: ChangeEvent) => { @@ -32,6 +35,7 @@ export default function Filtermenu() { setSliderValues(values); setMinPrice(values[0]); setMaxPrice(values[1]); + setStorePrice(minPrice, maxPrice); }; return (