From 3dc154f21e3fd7d0d018b28db30c2c8c52b423ca Mon Sep 17 00:00:00 2001
From: Violet Caulfield <violet@cosmonautical.cloud>
Date: Sun, 9 Feb 2025 15:31:09 -0600
Subject: [PATCH] slider tweaks

on press out should seek

chevron you sonofabithc
---
 components/Global/helpers/slider.tsx |  2 +-
 components/Player/screens/index.tsx  | 23 +++++++++++------------
 2 files changed, 12 insertions(+), 13 deletions(-)

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}
             />
         </TamaguiSlider>
     )
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({
                         <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) => {