diff options
| author | Yuval Adam <_@yuv.al> | 2025-11-14 08:56:02 +0100 |
|---|---|---|
| committer | Yuval Adam <_@yuv.al> | 2025-11-14 08:56:02 +0100 |
| commit | dc75548abade5379d07099d8ffb1fd7aacb45eee (patch) | |
| tree | 374c8d56bddb8f31587349dacd21653772b92a1f /src/components/Slider.tsx | |
| parent | 426a00177fd5e6f6240c6e202349b9988bafcd7d (diff) | |
Fix slider bug
Diffstat (limited to 'src/components/Slider.tsx')
| -rw-r--r-- | src/components/Slider.tsx | 5 |
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); |
