card changes

add slider global component

get remoteprevious working

components/Global/card.tsx

@@ -33,7 +33,7 @@ export function Card(props: CardProps) {
     return (
         <View 
             alignItems="center"
-            marginHorizontal={10}
+            margin={5}
             >
             <TamaguiCard 
                 elevate 
@@ -98,6 +98,8 @@ export function Card(props: CardProps) {
             
                     { props.subCaption && (
                         <Text
+                            lineBreakStrategyIOS="standard"
+                            numberOfLines={1}
                             textAlign="center"
                         >
                             { props.subCaption }

components/Global/slider.tsx

@@ -0,0 +1,15 @@
+import React from "react";
+import { Slider as TamaguiSlider } from "tamagui";
+
+export default function Slider() : React.JSX.Element {
+    
+    return (
+        <TamaguiSlider size="$4" width={200} defaultValue={[50]} max={100} step={1}>
+            <TamaguiSlider.Track>
+                <TamaguiSlider.TrackActive />
+            </TamaguiSlider.Track>
+            <TamaguiSlider.Thumb circular index={0} />
+        </TamaguiSlider>
+    )
+}
+  

components/Player/component.tsx

@@ -44,7 +44,7 @@ export default function Player({ navigation }: { navigation : NavigationHelpers<
 
                     <XStack>
 
-                        <YStack>
+                        <YStack alignContent="flex-start">
                             <Text>{nowPlaying?.title ?? "Untitled Track"}</Text>
                             <Text 
                                 bold

player/service.ts

@@ -1,9 +1,13 @@
 import TrackPlayer, { Event } from "react-native-track-player";
 
+/**
+ * Jellify Playback Service.
+ * 
+ * Sets up event listeners for remote control events and
+ * runs for the duration of the app lifecycle
+ */
 export async function PlaybackService() {
 
-    console.debug("Registering playback service");
-
     TrackPlayer.addEventListener(Event.RemotePlay, () => {
         TrackPlayer.play()
     });
@@ -11,6 +15,10 @@ export async function PlaybackService() {
         TrackPlayer.pause()
     });
 
-    TrackPlayer.addEventListener(Event.RemoteSkip, () => TrackPlayer.skipToNext());
-    TrackPlayer.addEventListener(Event.RemotePrevious, () => TrackPlayer.skipToPrevious());
+    TrackPlayer.addEventListener(Event.RemoteSkip, () => {
+        TrackPlayer.skipToNext()}
+    );
+    TrackPlayer.addEventListener(Event.RemotePrevious, () => {
+        TrackPlayer.skipToPrevious()}
+    );
 }