miniplayer stuff

components/Player/helpers/buttons.tsx

@@ -7,6 +7,8 @@ export function playPauseButton(playbackState: State | undefined, play: Function
 
     let button : React.JSX.Element;
 
+    console.debug(`Playback State: ${playbackState}`)
+
     switch (playbackState) {
         case (State.Playing) : {
             button = <Icon name="pause" large onPress={() => pause()} />

components/Player/mini-player.tsx

@@ -27,7 +27,7 @@ export function Miniplayer({ navigation }: { navigation : NavigationHelpers<Para
             { nowPlaying && (
 
                 <XStack 
-                    alignContent="center"
+                    alignItems="center"
                     margin={0}
                     padding={0}
                     height={"$6"} 
@@ -45,7 +45,7 @@ export function Miniplayer({ navigation }: { navigation : NavigationHelpers<Para
                             imageStyle={{
                                 width: 60,
                                 height: 60,
-                                marginHorizontal: 0,
+                                marginRight: 2,
                                 marginVertical: 'auto',
                                 borderRadius: 2,
                             }}

player/provider.tsx

@@ -129,6 +129,7 @@ const PlayerContextInitializer = () => {
     ])
     //#endregion RNTP Setup
 
+    //#region return
     return {
         showPlayer,
         setShowPlayer,
@@ -142,6 +143,7 @@ const PlayerContextInitializer = () => {
         resetQueue,
         playbackState,
     }
+    //#endregion return
 }
 
 export const PlayerContext = createContext<PlayerContext>({