mirror of
https://github.com/Jellify-Music/App.git
synced 2026-04-19 16:02:10 -05:00
tidy this component up
This commit is contained in:
@@ -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>
|
||||
)
|
||||
}
|
||||
Reference in New Issue
Block a user