From 8adeabce61f7dc36978803150d151f5fbff9b896 Mon Sep 17 00:00:00 2001
From: chamikaJ <chamika@ceydigital.com>
Date: Fri, 4 Jul 2025 10:33:48 +0530
Subject: [PATCH] feat(task-management): integrate TaskPhaseDropdown in TaskRow
 for enhanced task phase management

- Added TaskPhaseDropdown component to TaskRow for improved phase selection.
- Replaced static phase display with a dropdown for better interactivity and user experience.
---
 .../src/components/task-list-v2/TaskRow.tsx              | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/worklenz-frontend/src/components/task-list-v2/TaskRow.tsx b/worklenz-frontend/src/components/task-list-v2/TaskRow.tsx
index ecc9efac..4d761a24 100644
--- a/worklenz-frontend/src/components/task-list-v2/TaskRow.tsx
+++ b/worklenz-frontend/src/components/task-list-v2/TaskRow.tsx
@@ -25,6 +25,7 @@ import { useTranslation } from 'react-i18next';
 import TaskTimeTracking from './TaskTimeTracking';
 import { CustomNumberLabel, CustomColordLabel } from '@/components';
 import LabelsSelector from '@/components/LabelsSelector';
+import TaskPhaseDropdown from '@/components/task-management/task-phase-dropdown';
 
 interface TaskRowProps {
   taskId: string;
@@ -408,9 +409,11 @@ const TaskRow: React.FC<TaskRowProps> = memo(({ taskId, projectId, visibleColumn
       case 'phase':
         return (
           <div style={baseStyle}>
-            <span className="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-gray-100 text-gray-800 dark:bg-gray-700 dark:text-gray-200">
-              {task.phase}
-            </span>
+            <TaskPhaseDropdown
+              task={task}
+              projectId={projectId}
+              isDarkMode={isDarkMode}
+            />
           </div>
         );