From fb9e430ba0d6afddff763a49ffd78b7ae7b2c9ad Mon Sep 17 00:00:00 2001
From: shancds <shancds1@gmail.com>
Date: Thu, 3 Jul 2025 19:05:40 +0530
Subject: [PATCH] feat(enhanced-kanban): update TaskCard to display task due
 date

- Added a new due date display within the TaskCard component, enhancing task visibility.
- Removed the previous due date element to streamline the layout and improve UI consistency.
---
 .../EnhancedKanbanBoardNativeDnD/TaskCard.tsx               | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/worklenz-frontend/src/components/enhanced-kanban/EnhancedKanbanBoardNativeDnD/TaskCard.tsx b/worklenz-frontend/src/components/enhanced-kanban/EnhancedKanbanBoardNativeDnD/TaskCard.tsx
index 1929351d..237cd80b 100644
--- a/worklenz-frontend/src/components/enhanced-kanban/EnhancedKanbanBoardNativeDnD/TaskCard.tsx
+++ b/worklenz-frontend/src/components/enhanced-kanban/EnhancedKanbanBoardNativeDnD/TaskCard.tsx
@@ -96,6 +96,9 @@ const TaskCard: React.FC<TaskCardProps> = memo(({
                     </div>
 
                     <div className="task-assignees-row" style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', width: '100%' }}>
+                        <div className="task-due-date" style={{ fontSize: 10, color: '#888', marginRight: 8, whiteSpace: 'nowrap' }}>
+                            {task.end_date ? format(new Date(task.end_date), 'MMM d, yyyy') : ''}
+                        </div>
                         <div className="task-assignees" style={{ display: 'flex', alignItems: 'center' }}>
                             <AvatarGroup
                                 members={task.names || []}
@@ -105,9 +108,6 @@ const TaskCard: React.FC<TaskCardProps> = memo(({
                             />
                             <LazyAssigneeSelectorWrapper task={task} groupId={groupId} isDarkMode={themeMode === 'dark'} />
                         </div>
-                        <div className="task-due-date" style={{ fontSize: 10, color: '#888', marginLeft: 8, whiteSpace: 'nowrap' }}>
-                            {task.end_date ? format(new Date(task.end_date), 'MMM d, yyyy') : ''}
-                        </div>
                     </div>
                 </div>
             </div>