first commit

components/ContinueWatchingPoster.tsx

@@ -40,6 +40,12 @@ const ContinueWatchingPoster: React.FC<ContinueWatchingPosterProps> = ({
       else
         return `${api?.basePath}/Items/${item.Id}/Images/Primary?fillHeight=389&quality=80`;
     }
+    if (item.Type === "Program") {
+      if (item.ImageTags?.["Thumb"])
+        return `${api?.basePath}/Items/${item.Id}/Images/Thumb?fillHeight=389&quality=80&tag=${item.ImageTags?.["Thumb"]}`;
+      else
+        return `${api?.basePath}/Items/${item.Id}/Images/Primary?fillHeight=389&quality=80`;
+    }
   }, [item]);
 
   const [progress, setProgress] = useState(

components/ItemContent.tsx

@@ -155,8 +155,12 @@ export const ItemContent: React.FC<{ id: string }> = React.memo(({ id }) => {
         item && (
           <View className="flex flex-row items-center space-x-2">
             <Chromecast background="blur" width={22} height={22} />
-            <DownloadItem item={item} />
-            <PlayedStatus item={item} />
+            {item.Type !== "Program" && (
+              <>
+                <DownloadItem item={item} />
+                <PlayedStatus item={item} />
+              </>
+            )}
           </View>
         ),
     });
@@ -199,8 +203,24 @@ export const ItemContent: React.FC<{ id: string }> = React.memo(({ id }) => {
       settings,
     ],
     queryFn: async () => {
-      if (!api || !user?.Id || !sessionData || !selectedMediaSource?.Id)
+      if (!api || !user?.Id) {
+        console.warn("No api, userid or selected media source", {
+          api: api,
+          user: user,
+        });
         return null;
+      }
+
+      if (
+        item?.Type !== "Program" &&
+        (!sessionData || !selectedMediaSource?.Id)
+      ) {
+        console.warn("No session data or media source", {
+          sessionData: sessionData,
+          selectedMediaSource: selectedMediaSource,
+        });
+        return null;
+      }
 
       let deviceProfile: any = iosFmp4;
 
@@ -212,6 +232,8 @@ export const ItemContent: React.FC<{ id: string }> = React.memo(({ id }) => {
         deviceProfile = old;
       }
 
+      console.log("playbackUrl...");
+
       const url = await getStreamUrl({
         api,
         userId: user.Id,
@@ -224,14 +246,14 @@ export const ItemContent: React.FC<{ id: string }> = React.memo(({ id }) => {
         subtitleStreamIndex: selectedSubtitleStream,
         forceDirectPlay: settings?.forceDirectPlay,
         height: maxBitrate.height,
-        mediaSourceId: selectedMediaSource.Id,
+        mediaSourceId: selectedMediaSource?.Id,
       });
 
       console.info("Stream URL:", url);
 
       return url;
     },
-    enabled: !!sessionData && !!api && !!user?.Id && !!item?.Id,
+    enabled: !!api && !!user?.Id && !!item?.Id,
     staleTime: 0,
   });
 

components/common/TouchableItemRouter.tsx

@@ -9,6 +9,10 @@ interface Props extends TouchableOpacityProps {
 }
 
 export const itemRouter = (item: BaseItemDto, from: string) => {
+  if (item.CollectionType === "livetv") {
+    return `/(auth)/(tabs)/${from}/livetv`;
+  }
+
   if (item.Type === "Series") {
     return `/(auth)/(tabs)/${from}/series/${item.Id}`;
   }

components/home/ScrollingCollectionList.tsx

@@ -44,6 +44,11 @@ export const ScrollingCollectionList: React.FC<Props> = ({
       <Text className="px-4 text-lg font-bold mb-2 text-neutral-100">
         {title}
       </Text>
+      {isLoading === false && data?.length === 0 && (
+        <View className="px-4">
+          <Text className="text-neutral-500">No items</Text>
+        </View>
+      )}
       {isLoading ? (
         <View
           className={`
@@ -98,6 +103,9 @@ export const ScrollingCollectionList: React.FC<Props> = ({
                   <MoviePoster item={item} />
                 )}
                 {item.Type === "Series" && <SeriesPoster item={item} />}
+                {item.Type === "Program" && (
+                  <ContinueWatchingPoster item={item} />
+                )}
                 <ItemCardText item={item} />
               </TouchableItemRouter>
             ))}