tidy this component up

This commit is contained in:
Violet Caulfield
2025-02-24 06:41:18 -06:00
parent a903374618
commit 29dbb10634

View File

@@ -1,5 +1,5 @@
import React from "react";
import { SliderProps as TamaguiSliderProps, SliderVerticalProps, Slider as TamaguiSlider, styled, Slider, getTokens, useTheme, getToken } from "tamagui";
import { SliderProps as TamaguiSliderProps, Slider as TamaguiSlider, styled, Slider, getTokens, getToken } from "tamagui";
interface SliderProps {
value?: number | undefined;
@@ -25,12 +25,7 @@ export function HorizontalSlider({
max,
width,
props
}: {
value?: number | undefined,
max: number;
width?: number | undefined,
props?: TamaguiSliderProps | undefined
}) : React.JSX.Element {
}: SliderProps) : React.JSX.Element {
return (
<TamaguiSlider
@@ -58,35 +53,4 @@ export function HorizontalSlider({
/>
</TamaguiSlider>
)
}
export function VerticalSlider(props: SliderVerticalProps) : React.JSX.Element {
const theme = useTheme()
const JellifySliderThumb = styled(Slider.Thumb, {
backgroundColor: theme.background,
borderColor: theme.borderColor,
})
const JellifySliderTrack = styled(Slider.Track, {
backgroundColor: theme.borderColor
});
return (
<TamaguiSlider
size="$3"
width={200}
defaultValue={[0]}
max={100}
step={1}
orientation="vertical"
marginVertical={10}
>
<JellifySliderTrack>
<JellifyActiveSliderTrack />
</JellifySliderTrack>
<JellifySliderThumb circular index={0} size={"$2"} />
</TamaguiSlider>
)
}