From aee09aeb0d779b50f25127e1dc2f7c08c9f237c4 Mon Sep 17 00:00:00 2001
From: shancds <shancds1@gmail.com>
Date: Thu, 3 Jul 2025 15:39:11 +0530
Subject: [PATCH] feat(enhanced-kanban): implement real-time task updates via
 socket integration

- Added a useEffect hook to handle incoming tasks through a socket connection.
- Implemented logic to differentiate between regular tasks and subtasks, updating the state accordingly.
- Enhanced the EnhancedKanbanBoardNativeDnD component to support real-time task management, improving user interactivity.
---
 .../EnhancedKanbanBoardNativeDnD.tsx          | 31 +++++++++++++++++++
 1 file changed, 31 insertions(+)

diff --git a/worklenz-frontend/src/components/enhanced-kanban/EnhancedKanbanBoardNativeDnD/EnhancedKanbanBoardNativeDnD.tsx b/worklenz-frontend/src/components/enhanced-kanban/EnhancedKanbanBoardNativeDnD/EnhancedKanbanBoardNativeDnD.tsx
index 498413c4..755ce2d0 100644
--- a/worklenz-frontend/src/components/enhanced-kanban/EnhancedKanbanBoardNativeDnD/EnhancedKanbanBoardNativeDnD.tsx
+++ b/worklenz-frontend/src/components/enhanced-kanban/EnhancedKanbanBoardNativeDnD/EnhancedKanbanBoardNativeDnD.tsx
@@ -244,6 +244,37 @@ const EnhancedKanbanBoardNativeDnD: React.FC<{ projectId: string }> = ({ project
     setDragType(null);
   };
 
+  useEffect(() => {
+    if (!socket) return;
+
+    // Handler for new task received via socket
+    const handleNewTaskReceived = (data: any) => {
+      if (!data) return;
+      if (data.parent_task_id) {
+        // Subtask: update subtasks in the correct group
+        dispatch({
+          type: 'enhancedKanbanReducer/updateEnhancedKanbanSubtask',
+          payload: { sectionId: '', subtask: data, mode: 'add' }
+        });
+      } else {
+        // Regular task: add to the correct group
+        let sectionId = '';
+        if (groupBy === 'status') sectionId = data.status;
+        else if (groupBy === 'priority') sectionId = data.priority;
+        else if (groupBy === 'phase') sectionId = data.phase_id;
+        dispatch({
+          type: 'enhancedKanbanReducer/addTaskToGroup',
+          payload: { sectionId, task: data }
+        });
+      }
+    };
+
+    socket.on(SocketEvents.QUICK_TASK.toString(), handleNewTaskReceived);
+    return () => {
+      socket.off(SocketEvents.QUICK_TASK.toString(), handleNewTaskReceived);
+    };
+  }, [socket, groupBy, dispatch]);
+
   if (error) {
     return (
       <Card>