carplay fixes

components/CarPlay/Home.tsx

@@ -21,14 +21,14 @@ const CarPlayHome : ListTemplate = new ListTemplate({
     onItemSelect: async ({ index }) => {
 
         switch (index) {
-            case 1: 
+            case 0: 
 
                 break;
-            case 2:
+            case 1:
                 const tracks = await fetchRecentlyPlayed()
                 CarPlay.pushTemplate(CarPlayRecentlyPlayed(tracks))
                 break;
-            case 3:
+            case 2:
 
                 break;
 

components/CarPlay/RecentlyPlayed.tsx

@@ -1,5 +1,6 @@
+import { getImageFilePath } from "../../api/queries/functions/images";
 import Client from "../../api/client";
-import { BaseItemDto } from "@jellyfin/sdk/lib/generated-client/models";
+import { BaseItemDto, ImageType } from "@jellyfin/sdk/lib/generated-client/models";
 import { getImageApi } from "@jellyfin/sdk/lib/utils/api";
 import { GridTemplate, ListTemplate } from "react-native-carplay";
 
@@ -9,9 +10,9 @@ export const CarPlayRecentlyPlayed = (recentTracks : BaseItemDto[]) => new ListT
         return {
             id: track.Id!,
             text: track.Name ? track.Name : "Untitled Track",
-            imgUrls : [
-                Client.api ? getImageApi(Client.api).getItemImageUrlById(track.Id!) : ""
-            ]
+            image: {
+                uri: `file://${getImageFilePath(track.Id!, 150, 150, ImageType.Primary)}`
+            }
         }
     })     
 })