Merge pull request #110 from anultravioletaurora/9-again-implement-playlist-crud

Fix CarPlay Runtime Errors

components/CarPlay/Home.tsx

@@ -10,7 +10,7 @@ const CarPlayHome : ListTemplate = new ListTemplate({
     tabTitle: "Home",
     sections: [
         {
-            header: Client.user!.name,
+            header: `Hi ${Client.user?.name ?? "there"}`,
             items: [
                 { id: QueryKeys.RecentlyPlayedArtists, text: 'Recent Artists' },
                 { id: QueryKeys.RecentlyPlayed, text: 'Recently Played'},

components/CarPlay/RecentlyPlayed.tsx

@@ -12,7 +12,7 @@ export const CarPlayRecentlyPlayed = (recentTracks : BaseItemDto[]) => new GridT
                 track.Name ? track.Name : "Untitled Track"
             ],
             image: {
-                uri: getImageApi(Client.api!).getItemImageUrlById(track.Id!)
+                uri: Client.api ? getImageApi(Client.api).getItemImageUrlById(track.Id!) : ""
             }
         }
     })     

components/provider.tsx

@@ -27,8 +27,11 @@ const JellifyContextInitializer = () => {
   
       function onConnect() {
         setCarPlayConnected(true);
-        CarPlay.setRootTemplate(CarPlayNavigation, true);
-        // CarPlay.enableNowPlaying(true); // https://github.com/birkir/react-native-carplay/issues/185
+
+        if (loggedIn) {
+            CarPlay.setRootTemplate(CarPlayNavigation, true);
+            // CarPlay.enableNowPlaying(true); // https://github.com/birkir/react-native-carplay/issues/185
+        }
       }
   
       function onDisconnect() {