fix: download status

components/downloads/DownloadCard.tsx

@@ -119,18 +119,24 @@ export const DownloadCard = ({ process, ...props }: DownloadCardProps) => {
       {/* Action buttons in bottom right corner */}
       <View className='absolute bottom-2 right-2 flex flex-row items-center space-x-2 z-10'>
         {process.status === "downloading" && Platform.OS !== "ios" && (
-          <TouchableOpacity onPress={() => handlePause()} className='p-1'>
+          <TouchableOpacity
+            onPress={() => handlePause()}
+            className='p-2 bg-neutral-800 rounded-full'
+          >
             <Ionicons name='pause' size={20} color='white' />
           </TouchableOpacity>
         )}
         {process.status === "paused" && Platform.OS !== "ios" && (
-          <TouchableOpacity onPress={() => handleResume()} className='p-1'>
+          <TouchableOpacity
+            onPress={() => handleResume()}
+            className='p-2 bg-neutral-800 rounded-full'
+          >
             <Ionicons name='play' size={20} color='white' />
           </TouchableOpacity>
         )}
         <TouchableOpacity
           onPress={() => handleDelete(process.id)}
-          className='p-1'
+          className='p-2 bg-neutral-800 rounded-full'
         >
           <Ionicons name='close' size={20} color='red' />
         </TouchableOpacity>

components/downloads/DownloadSize.tsx

@@ -13,17 +13,13 @@ export const DownloadSize: React.FC<DownloadSizeProps> = ({
   items,
   ...props
 }) => {
-  const { getDownloadedItemSize, getDownloadedItems } = useDownload();
-  const downloadedFiles = useMemo(
-    () => getDownloadedItems(),
-    [getDownloadedItems],
-  );
+  const { getDownloadedItemSize, downloadedItems } = useDownload();
   const [size, setSize] = useState<string | undefined>();
 
   const itemIds = useMemo(() => items.map((i) => i.Id), [items]);
 
   useEffect(() => {
-    if (!downloadedFiles) return;
+    if (!downloadedItems) return;
 
     let s = 0;
 
@@ -35,7 +31,7 @@ export const DownloadSize: React.FC<DownloadSizeProps> = ({
       }
     }
     setSize(s.bytesToReadable());
-  }, [itemIds]);
+  }, [itemIds, downloadedItems, getDownloadedItemSize]);
 
   const sizeText = useMemo(() => {
     if (!size) return "...";