summaryrefslogtreecommitdiff
path: root/geshem/app/components/Slider.tsx
diff options
context:
space:
mode:
authorYuval Adam <_@yuv.al>2024-09-23 10:29:53 +0200
committerYuval Adam <_@yuv.al>2024-09-23 10:29:53 +0200
commit8a6ff5a2c15422badf0bc9c8166787dc23a71072 (patch)
treeda45cc6fc598520102260da87c3733107ef4e980 /geshem/app/components/Slider.tsx
parent51370d591d4f2ac4eddd8b2ea2f9c5118fbf9ab1 (diff)
Move all geshem/ files to root
Diffstat (limited to 'geshem/app/components/Slider.tsx')
-rw-r--r--geshem/app/components/Slider.tsx45
1 files changed, 0 insertions, 45 deletions
diff --git a/geshem/app/components/Slider.tsx b/geshem/app/components/Slider.tsx
deleted file mode 100644
index 50223fc..0000000
--- a/geshem/app/components/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>
- );
-}