diff --git a/components/Player/helpers/controls.tsx b/components/Player/helpers/controls.tsx
new file mode 100644
index 00000000..4d3618ea
--- /dev/null
+++ b/components/Player/helpers/controls.tsx
@@ -0,0 +1,64 @@
+import React from "react";
+import { XStack, getToken } from "tamagui";
+import PlayPauseButton from "./buttons";
+import Icon from "../../../components/Global/helpers/icon";
+import { getProgress, seekBy, skipToNext } from "react-native-track-player/lib/src/trackPlayer";
+import { usePlayerContext } from "@/player/provider";
+import { useSafeAreaFrame } from "react-native-safe-area-context";
+
+export default function Controls(): React.JSX.Element {
+
+ const { width } = useSafeAreaFrame();
+
+ const {
+ usePrevious,
+ useSeekTo
+ } = usePlayerContext();
+
+ return (
+
+
+ seekBy(-15)}
+ />
+
+ {
+
+ const progress = await getProgress()
+ if (progress.position < 3)
+ usePrevious.mutate()
+ else {
+ useSeekTo.mutate(0);
+ }
+ }}
+ large
+ />
+
+ {/* I really wanted a big clunky play button */}
+
+
+ skipToNext()}
+ large
+ />
+
+ seekBy(15)}
+ />
+
+
+ )
+}
\ No newline at end of file
diff --git a/components/Player/helpers/scrubber.tsx b/components/Player/helpers/scrubber.tsx
index 6f68b31f..942ebdbf 100644
--- a/components/Player/helpers/scrubber.tsx
+++ b/components/Player/helpers/scrubber.tsx
@@ -56,6 +56,7 @@ export default function Scrubber() : React.JSX.Element {
return (
+
-
-
- {
- useSeekTo.mutate(position / ProgressMultiplier - 15);
- }}
- />
-
- {
- if (position / ProgressMultiplier < 3)
- usePrevious.mutate()
- else {
- useSeekTo.mutate(0);
- }
- }}
- large
- />
-
- {/* I really wanted a big clunky play button */}
-
-
- useSkip.mutate(undefined)}
- large
- />
-
- {
- useSeekTo.mutate(position / ProgressMultiplier + 15);
- }}
- />
-
)
}
\ No newline at end of file
diff --git a/components/Tracks/screen.tsx b/components/Tracks/screen.tsx
index c8828754..99bab4d9 100644
--- a/components/Tracks/screen.tsx
+++ b/components/Tracks/screen.tsx
@@ -44,7 +44,7 @@ export default function TracksScreen({
showArtwork
track={track}
tracklist={tracks?.slice(index, index + 50) ?? []}
- queue="Favorite Tracks"
+ queue={route.params.query === QueryKeys.RecentlyPlayed ? "Recently Played" : "Favorite Tracks"}
/>
}
/>