From e715b3daa42cfdccd04195473690c8c58ecc4d3d Mon Sep 17 00:00:00 2001
From: Fredrik Burmester <fredrik.burmester@gmail.com>
Date: Wed, 14 Aug 2024 08:59:21 +0200
Subject: [PATCH] fix: design

---
 components/DownloadItem.tsx | 29 ++++++++---------------------
 1 file changed, 8 insertions(+), 21 deletions(-)

diff --git a/components/DownloadItem.tsx b/components/DownloadItem.tsx
index 309e2a01..ec9ac92e 100644
--- a/components/DownloadItem.tsx
+++ b/components/DownloadItem.tsx
@@ -100,29 +100,16 @@ export const DownloadItem: React.FC<DownloadProps> = ({
           {process.progress === 0 ? (
             <ActivityIndicator size={"small"} color={"white"} />
           ) : (
-            <View className="relative">
-              <View className="-rotate-45">
-                <ProgressCircle
-                  size={28}
-                  fill={process.progress}
-                  width={4}
-                  tintColor="#3498db"
-                  backgroundColor="#bdc3c7"
-                />
-              </View>
-              <View className="absolute top-0 left-0 font-bold w-full h-full flex flex-col items-center justify-center">
-                <Text className="text-[7px]">
-                  {process.progress.toFixed(0)}%
-                </Text>
-              </View>
+            <View className="-rotate-45">
+              <ProgressCircle
+                size={24}
+                fill={process.progress}
+                width={4}
+                tintColor="#9334E9"
+                backgroundColor="#bdc3c7"
+              />
             </View>
           )}
-
-          {process?.speed && process.speed > 0 ? (
-            <View className="ml-2">
-              <Text>{process.speed.toFixed(2)}x</Text>
-            </View>
-          ) : null}
         </View>
       </TouchableOpacity>
     );