summaryrefslogtreecommitdiff
path: root/src/Slider.tsx
diff options
context:
space:
mode:
authorYuval Adam <_@yuv.al>2025-09-24 11:03:09 +0200
committerYuval Adam <_@yuv.al>2025-09-24 11:03:09 +0200
commit0af176b7511640cf85d3a074afc890099ef0ca04 (patch)
tree042100dd805b62cbdeb36b4ee72e7d617d80f887 /src/Slider.tsx
parent305ca679a4454add442f9dfb745be4e2bbb5d14b (diff)
Remove old src/ files
Diffstat (limited to 'src/Slider.tsx')
-rw-r--r--src/Slider.tsx45
1 files changed, 0 insertions, 45 deletions
diff --git a/src/Slider.tsx b/src/Slider.tsx
deleted file mode 100644
index 50223fc..0000000
--- a/src/Slider.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import React from "react";
-import RcSlider, { SliderProps, SliderRef } from 'rc-slider/lib/Slider';
-import { PLAYBACK_SLOTS } from "./config";
-
-// use workaround from: https://github.com/react-component/slider/issues/835#issuecomment-1201805736
-const CustomSlider = RcSlider as React.ForwardRefExoticComponent<SliderProps<number> & React.RefAttributes<SliderRef>>;
-
-interface GeshemSliderProps {
- playback?: string,
- slider: number,
- setSlider: React.Dispatch<React.SetStateAction<number>>
-}
-
-export function Slider({ playback, slider, setSlider }: GeshemSliderProps) {
- const handleStyle = {
- height: 40,
- width: 40,
- border: 0,
- marginTop: -10,
- boxShadow: ".5px .5px 2px 1px rgba(0,0,0,.32)"
- };
-
- const railStyle = {
- height: 20,
- backgroundColor: "#3498db"
- };
-
- const trackStyle = {
- display: "none"
- };
-
- return (
- <div id="slider">
- <CustomSlider
- min={0}
- max={playback ? PLAYBACK_SLOTS : 9}
- defaultValue={slider}
- handleStyle={handleStyle}
- railStyle={railStyle}
- trackStyle={trackStyle}
- onChange={val => setSlider(val)}
- />
- </div>
- );
-}