make player buttons that aren't the play pause large icons

This commit is contained in:
Violet Caulfield
2025-02-09 15:35:55 -06:00
parent 5902e80483
commit 0caf1fc1a3
+10 -14
View File
@@ -266,46 +266,42 @@ export default function PlayerScreen({
justifyContent="space-evenly"
marginVertical={"$3"}
>
<IconButton
circular
<Icon
name="rewind-15"
onPress={() => {
setSeeking(true);
setProgressState(progressState - 15);
setProgressState(progressState - 15 * ProgressMultiplier);
useSeekTo.mutate(progress!.position - 15);
setSeeking(false);
}}
size={width / 7}
large
/>
<IconButton
circular
<Icon
name="skip-previous"
onPress={() => usePrevious.mutate()}
size={width / 7}
large
/>
{/* I really wanted a big clunky play button */}
<PlayPauseButton size={width / 5} />
<IconButton
circular
<Icon
name="skip-next"
onPress={() => useSkip.mutate(undefined)}
size={width / 7}
large
/>
<IconButton
circular
<Icon
name="fast-forward-15"
onPress={() => {
setSeeking(true);
setProgressState(progressState + 15);
setProgressState(progressState + 15 * ProgressMultiplier);
useSeekTo.mutate(progress!.position + 15);
setSeeking(false);
}}
size={width / 7}
large
/>
</XStack>