diff --git a/src/app/_components/FilterMenu.tsx b/src/app/_components/FilterMenu.tsx
index dc8e65a..a66a31f 100644
--- a/src/app/_components/FilterMenu.tsx
+++ b/src/app/_components/FilterMenu.tsx
@@ -8,7 +8,7 @@ import {
} from "~/components/ui/navigation-menu";
import { Input } from "~/components/ui/input";
-import { Slider } from "~/components/ui/slider";
+import { SliderTwoThumbs } from "~/components/ui/slider-two-thumbs";
import { ChangeEvent, useState } from "react";
import useFilterStore from "../store";
@@ -36,7 +36,7 @@ export default function Filtermenu() {
setSliderValues(values);
setMinPrice(values[0]);
setMaxPrice(values[1]);
- setStorePrice(minPrice, maxPrice);
+ setStorePrice(values[0], values[1]);
};
return (
@@ -55,8 +55,10 @@ export default function Filtermenu() {
className="min-w-20"
type="number"
defaultValue={0}
+ min={0}
+ max={maxPrice - 1}
/>
-
diff --git a/src/components/ui/slider.tsx b/src/components/ui/slider-two-thumbs.tsx
similarity index 58%
rename from src/components/ui/slider.tsx
rename to src/components/ui/slider-two-thumbs.tsx
index 72bf374..6cff4d0 100644
--- a/src/components/ui/slider.tsx
+++ b/src/components/ui/slider-two-thumbs.tsx
@@ -1,11 +1,11 @@
-"use client"
+"use client";
-import * as React from "react"
-import * as SliderPrimitive from "@radix-ui/react-slider"
+import * as React from "react";
+import * as SliderPrimitive from "@radix-ui/react-slider";
-import { cn } from "~/lib/utils"
+import { cn } from "~/lib/utils";
-const Slider = React.forwardRef<
+const SliderTwoThumbs = React.forwardRef<
React.ElementRef,
React.ComponentPropsWithoutRef
>(({ className, ...props }, ref) => (
@@ -13,7 +13,7 @@ const Slider = React.forwardRef<
ref={ref}
className={cn(
"relative flex w-full touch-none select-none items-center",
- className
+ className,
)}
{...props}
>
@@ -21,8 +21,9 @@ const Slider = React.forwardRef<
+
-))
-Slider.displayName = SliderPrimitive.Root.displayName
+));
+SliderTwoThumbs.displayName = SliderPrimitive.Root.displayName;
-export { Slider }
+export { SliderTwoThumbs };