mirror/Jellify
1
0
Fork 0
mirror of https://github.com/anultravioletaurora/Jellify.git synced 2026-01-06 05:40:26 -06:00
Code Issues Packages Projects Releases Wiki Activity

slider tweaks

Browse Source 
on press out should seek

chevron you sonofabithc
This commit is contained in:
Violet Caulfield
2025-02-09 15:31:09 -06:00
parent 1445d257da
commit 3dc154f21e
2 changed files with 12 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
components/Global/helpers/slider.tsx
View File

@@ -52,7 +52,7 @@ export function HorizontalSlider({
circular
index={0}
size={"$1"}
hitSlop={5}
hitSlop={15}
/>
</TamaguiSlider>
)

23
components/Player/screens/index.tsx
View File

@@ -7,7 +7,7 @@ import React, { useState, useEffect, useMemo } from "react";
import { SafeAreaView, useSafeAreaFrame } from "react-native-safe-area-context";
import { YStack, XStack, Spacer, getTokens } from "tamagui";
import PlayPauseButton from "../helpers/buttons";
import { H5, Text } from "../../../components/Global/helpers/text";
import { Text } from "../../../components/Global/helpers/text";
import Icon from "../../../components/Global/helpers/icon";
import FavoriteButton from "../../Global/components/favorite-button";
import BlurhashedImage from "../../Global/components/blurhashed-image";
@@ -54,7 +54,6 @@ export default function PlayerScreen({
gestureEnabled: !seeking
});
}, [
navigation,
seeking
]);
@@ -81,7 +80,7 @@ export default function PlayerScreen({
<YStack
alignContent="center"
flex={1}
justifyContent="center"
justifyContent="flex-end"
marginLeft={"$1"}
>
<Icon
@@ -214,15 +213,15 @@ export default function PlayerScreen({
width={width / 1.1}
props={{
// If user swipes off of the slider we should seek to the spot
// onPressOut: () => {
// setSeeking(false);
// useSeekTo.mutate(Math.round(progressState / ProgressMultiplier));
// },
onSlideStart: () => {
setSeeking(true);
},
onSlideMove: (event, value) => {
setSeeking(true);
onPressOut: () => {
setSeeking(false);
useSeekTo.mutate(Math.round(progressState / ProgressMultiplier));
},
onSlideStart: () => {
setSeeking(true);
},
onSlideMove: (event, value) => {
setSeeking(true);
setProgressState(value);
},
onSlideEnd: (event, value) => {