stuff and things

App.tsx

@@ -1,6 +1,6 @@
 import './gesture-handler';
 import "./global.css";
-import React from 'react';
+import React, { useEffect } from 'react';
 import "react-native-url-polyfill/auto";
 import { PersistQueryClientProvider } from '@tanstack/react-query-persist-client'
 import Jellify from './components/jellify';
@@ -31,6 +31,15 @@ export default function App(): React.JSX.Element {
 
   const isDarkMode = useColorScheme() === 'dark';
   
+  useEffect(() => {
+    if (isPlayerReady)
+      console.debug("Player is ready")
+    else
+      console.warn("Player could not be setup")
+  }, [
+    isPlayerReady
+  ])
+
   return (
     <PersistQueryClientProvider 
       client={queryClient} 

components/Player/hooks/index.ts

@@ -5,18 +5,22 @@ import TrackPlayer, { Capability } from "react-native-track-player"
 const CAPABILITIES: Capability[] = [
     Capability.Pause,
     Capability.Play,
+    Capability.PlayFromId,
+    Capability.SkipToNext,
+    Capability.SkipToPrevious,
     Capability.SeekTo,
   ]
   
 export const useSetupPlayer = () => useQuery({
     queryKey: [QueryKeys.Player],
     queryFn: async () => {
-        await TrackPlayer.setupPlayer()
-        await TrackPlayer.updateOptions({
-            progressUpdateEventInterval: 1,
-            capabilities: CAPABILITIES,
-            notificationCapabilities: CAPABILITIES,
-            compactCapabilities: CAPABILITIES
+        return TrackPlayer.setupPlayer().then(() => {
+            return TrackPlayer.updateOptions({
+                progressUpdateEventInterval: 1,
+                capabilities: CAPABILITIES,
+                notificationCapabilities: CAPABILITIES,
+                compactCapabilities: CAPABILITIES
+            })
         })
     }
 })