From efb2e11893cc55c8f77f6a683abd30f21f4ab737 Mon Sep 17 00:00:00 2001
From: Fhj0607 <fabianhaukedalf@gmail.com>
Date: Fri, 1 May 2026 12:06:15 +0200
Subject: [PATCH] Task Progress bar now only renders when totalTasks > 0

---
 app/assignment/viewDetailsAssignment.tsx | 52 ++++++++++++------------
 1 file changed, 27 insertions(+), 25 deletions(-)

diff --git a/app/assignment/viewDetailsAssignment.tsx b/app/assignment/viewDetailsAssignment.tsx
index 15c4ed9..6e24c45 100644
--- a/app/assignment/viewDetailsAssignment.tsx
+++ b/app/assignment/viewDetailsAssignment.tsx
@@ -293,33 +293,35 @@ export default function ViewDetailsAssignment() {
                     </View>
                   </View>
 
-                 <View className="mt-5">
-                  <View className="mb-2 flex-row items-center justify-between">
-                    <Text className="text-sm font-semibold text-text-secondary">
-                      Task Progress
-                    </Text>
+                  {totalTasks > 0 ? (
+                    <View className="mt-5">
+                      <View className="mb-2 flex-row items-center justify-between">
+                        <Text className="text-sm font-semibold text-text-secondary">
+                          Task Progress
+                        </Text>
 
-                    <Text className="text-sm font-bold text-text-main">
-                      {completedTasks}/{totalTasks}
-                    </Text>
-                  </View>
+                        <Text className="text-sm font-bold text-text-main">
+                          {completedTasks}/{totalTasks}
+                        </Text>
+                      </View>
 
-                  <View className="h-3 overflow-hidden rounded-full bg-app-subtle">
-                    <View
-                      className="h-full rounded-full"
-                      style={{
-                        width: `${progress}%`,
-                        backgroundColor: colorSet.strong,
-                      }}
-                    />
-                  </View>
+                      <View className="h-3 overflow-hidden rounded-full bg-app-subtle">
+                        <View
+                          className="h-full rounded-full"
+                          style={{
+                            width: `${progress}%`,
+                            backgroundColor: colorSet.strong,
+                          }}
+                        />
+                      </View>
 
-                  <Text className="mt-2 text-xs font-medium text-text-secondary">
-                    {remainingTasks === 0
-                      ? 'All tasks complete'
-                      : `${remainingTasks} task${remainingTasks === 1 ? '' : 's'} remaining`}
-                  </Text>
-                </View>
+                      <Text className="mt-2 text-xs font-medium text-text-secondary">
+                        {remainingTasks === 0
+                          ? 'All tasks complete'
+                          : `${remainingTasks} task${remainingTasks === 1 ? '' : 's'} remaining`}
+                      </Text>
+                    </View>
+                  ) : null}
 
                 <Text className="mt-4 text-sm text-text-muted">
                   Last changed: {formatDateTime(assignment.lastChanged)}
@@ -474,4 +476,4 @@ export default function ViewDetailsAssignment() {
       />
     </View>
   );
-}
\ No newline at end of file
+}