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 (