wip

components/downloads/ActiveDownloads.tsx

@@ -93,18 +93,20 @@ const DownloadCard = ({ process, ...props }: DownloadCardProps) => {
   const eta = (p: JobStatus) => {
     if (!p.speed || !p.progress) return null;
 
-    const length = p?.item?.RunTimeTicks || 0;
+    const length = p?.item?.item.RunTimeTicks || 0;
     const timeLeft = (length - length * (p.progress / 100)) / p.speed;
     return formatTimeString(timeLeft, "tick");
   };
 
   const base64Image = useMemo(() => {
-    return storage.getString(process.item.Id!);
+    return storage.getString(process.item.item.Id!);
   }, []);
 
   return (
     <TouchableOpacity
-      onPress={() => router.push(`/(auth)/items/page?id=${process.item.Id}`)}
+      onPress={() =>
+        router.push(`/(auth)/items/page?id=${process.item.item.Id}`)
+      }
       className="relative bg-neutral-900 border border-neutral-800 rounded-2xl overflow-hidden"
       {...props}
     >
@@ -138,10 +140,12 @@ const DownloadCard = ({ process, ...props }: DownloadCardProps) => {
             </View>
           )}
           <View className="shrink mb-1">
-            <Text className="text-xs opacity-50">{process.item.Type}</Text>
-            <Text className="font-semibold shrink">{process.item.Name}</Text>
+            <Text className="text-xs opacity-50">{process.item.item.Type}</Text>
+            <Text className="font-semibold shrink">
+              {process.item.item.Name}
+            </Text>
             <Text className="text-xs opacity-50">
-              {process.item.ProductionYear}
+              {process.item.item.ProductionYear}
             </Text>
             <View className="flex flex-row items-center space-x-2 mt-1 text-purple-600">
               {process.progress === 0 ? (

components/downloads/EpisodeCard.tsx

@@ -7,7 +7,7 @@ import {
   useActionSheet,
 } from "@expo/react-native-action-sheet";
 
-import { useFileOpener } from "@/hooks/useDownloadedFileOpener";
+import { useDownloadedFileOpener } from "@/hooks/useDownloadedFileOpener";
 import { Text } from "../common/Text";
 import { useDownload } from "@/providers/DownloadProvider";
 import { storage } from "@/utils/mmkv";
@@ -26,7 +26,7 @@ interface EpisodeCardProps {
  */
 export const EpisodeCard: React.FC<EpisodeCardProps> = ({ item }) => {
   const { deleteFile } = useDownload();
-  const { openFile } = useFileOpener();
+  const { openFile } = useDownloadedFileOpener();
   const { showActionSheetWithOptions } = useActionSheet();
 
   const base64Image = useMemo(() => {

components/downloads/MovieCard.tsx

@@ -10,7 +10,7 @@ import {
 import { runtimeTicksToMinutes } from "@/utils/time";
 import { Text } from "../common/Text";
 
-import { useFileOpener } from "@/hooks/useDownloadedFileOpener";
+import { useDownloadedFileOpener } from "@/hooks/useDownloadedFileOpener";
 import { useDownload } from "@/providers/DownloadProvider";
 import { storage } from "@/utils/mmkv";
 import { Image } from "expo-image";
@@ -28,7 +28,7 @@ interface MovieCardProps {
  */
 export const MovieCard: React.FC<MovieCardProps> = ({ item }) => {
   const { deleteFile } = useDownload();
-  const { openFile } = useFileOpener();
+  const { openFile } = useDownloadedFileOpener();
   const { showActionSheetWithOptions } = useActionSheet();
 
   const handleOpenFile = useCallback(() => {