diff --git a/components/Global/helpers/slider.tsx b/components/Global/helpers/slider.tsx index 9ff3f01d..7db7f500 100644 --- a/components/Global/helpers/slider.tsx +++ b/components/Global/helpers/slider.tsx @@ -52,7 +52,7 @@ export function HorizontalSlider({ circular index={0} size={"$1"} - hitSlop={5} + hitSlop={15} /> ) diff --git a/components/Player/screens/index.tsx b/components/Player/screens/index.tsx index 99059f34..65651ebd 100644 --- a/components/Player/screens/index.tsx +++ b/components/Player/screens/index.tsx @@ -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({ { - // 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) => {