summaryrefslogtreecommitdiff
path: root/src/components/Slider.tsx
diff options
context:
space:
mode:
authorYuval Adam <_@yuv.al>2025-11-14 08:56:02 +0100
committerYuval Adam <_@yuv.al>2025-11-14 08:56:02 +0100
commitdc75548abade5379d07099d8ffb1fd7aacb45eee (patch)
tree374c8d56bddb8f31587349dacd21653772b92a1f /src/components/Slider.tsx
parent426a00177fd5e6f6240c6e202349b9988bafcd7d (diff)
Fix slider bug
Diffstat (limited to 'src/components/Slider.tsx')
-rw-r--r--src/components/Slider.tsx5
1 files changed, 3 insertions, 2 deletions
diff --git a/src/components/Slider.tsx b/src/components/Slider.tsx
index 22a8f8f..2d62b2c 100644
--- a/src/components/Slider.tsx
+++ b/src/components/Slider.tsx
@@ -5,13 +5,14 @@ interface SliderProps {
playback?: string;
slider: number;
setSlider: React.Dispatch<React.SetStateAction<number>>;
+ imageCount: number;
}
-export function Slider({ playback, slider, setSlider }: SliderProps) {
+export function Slider({ playback, slider, setSlider, imageCount }: SliderProps) {
const sliderRef = useRef<HTMLDivElement>(null);
const [isDragging, setIsDragging] = useState(false);
- const max = playback ? PLAYBACK_SLOTS : 9;
+ const max = playback ? PLAYBACK_SLOTS : Math.max(0, imageCount - 1);
const handleStart = useCallback((e: React.MouseEvent | React.TouchEvent) => {
setIsDragging(true);