Fix parent task completion logic

Author: shashank-madan

src/components/EductionPortal/StudentDashboard/TaskCard.jsx

@@ -95,8 +95,9 @@ const TaskCard = ({
             </svg>
           </button>
 
-          {task.is_completed ||
-          (intermediateTasks.length > 0 &&
+          {/* Show completed only if task is completed AND (no subtasks OR all subtasks are completed) */}
+          {task.is_completed &&
+          (intermediateTasks.length === 0 ||
             intermediateTasks.every(t => t.status === 'completed')) ? (
             <button className={styles.completedButton} disabled>
               <svg

src/components/EductionPortal/StudentDashboard/TaskListItem.jsx

@@ -85,8 +85,9 @@ const TaskListItem = ({
           </svg>
         </button>
 
-        {task.is_completed ||
-        (intermediateTasks.length > 0 && intermediateTasks.every(t => t.status === 'completed')) ? (
+        {/* Show completed only if task is completed AND (no subtasks OR all subtasks are completed) */}
+        {task.is_completed &&
+        (intermediateTasks.length === 0 || intermediateTasks.every(t => t.status === 'completed')) ? (
           <button className={styles.completedButton} disabled>
             <svg
               width="20"

src/components/EductionPortal/StudentDashboard/taskUtils.js

@@ -56,12 +56,12 @@ export const getTaskStatusBadge = (task, styles, intermediateTasks = []) => {
   // Check if all sub-tasks are completed
   if (intermediateTasks && intermediateTasks.length > 0) {
     const allSubTasksCompleted = intermediateTasks.every(t => t.status === 'completed');
-    if (allSubTasksCompleted) {
+    // Only show as completed if task is marked completed AND all subtasks are done
+    if (allSubTasksCompleted && (task.status === 'completed' || task.status === 'graded')) {
       return { text: 'Completed', className: styles.completedBadge };
     }
-  }
-
-  if (task.status === 'completed' || task.status === 'graded') {
+  } else if (task.status === 'completed' || task.status === 'graded') {
+    // No subtasks, check task status only
     return { text: 'Completed', className: styles.completedBadge };
   }