fix: first download item progress hidden

app/(auth)/downloads.tsx

@@ -43,6 +43,17 @@ const downloads: React.FC = () => {
 
   const [process, setProcess] = useAtom(runningProcesses);
 
+  const eta = useMemo(() => {
+    const length = process?.item?.RunTimeTicks || 0;
+
+    if (!process?.speed || !process?.progress) return "";
+
+    const timeLeft =
+      (length - length * (process.progress / 100)) / process.speed;
+
+    return formatNumber(timeLeft / 10000);
+  }, [process]);
+
   if (isLoading) {
     return (
       <View className="h-full flex flex-col items-center justify-center -mt-6">
@@ -51,16 +62,6 @@ const downloads: React.FC = () => {
     );
   }
 
-  if (downloadedFiles?.length === 0) {
-    return (
-      <View className="h-full flex flex-col items-center justify-center -mt-6">
-        <Text className="text-white text-lg font-bold">
-          No downloaded files
-        </Text>
-      </View>
-    );
-  }
-
   return (
     <ScrollView>
       <View className="px-4 py-4">
@@ -81,13 +82,9 @@ const downloads: React.FC = () => {
                     {process.progress.toFixed(0)}%
                   </Text>
                   <Text className="text-xs">{process.speed?.toFixed(2)}x</Text>
-                  {process.startTime && (
+                  <View>
-                    <Text className="text-xs">
+                    <Text className="text-xs">ETA {eta}</Text>
-                      {formatNumber(
+                  </View>
-                        new Date().getTime() - process.startTime.getTime(),
-                      )}
-                    </Text>
-                  )}
                 </View>
               </View>
               <TouchableOpacity