feat(task-management): enhance task date handling and UI components in TaskListV2

- Added startDate and dueDate fields to task data structure for improved date management.
- Updated TaskRow to include date pickers for start and due dates with clear functionality.
- Enhanced LabelsSelector to support dynamic label rendering and improved visual feedback.
- Refactored AssigneeSelector and CustomColordLabel components for better integration with task data.
- Improved dropdown positioning logic in LabelsSelector for better user experience.
- Added translations for new date-related UI elements in multiple languages.
This commit is contained in:
chamikaJ
2025-07-04 10:29:51 +05:30
parent 64f1e5831a
commit 7e6d7d8580
18 changed files with 456 additions and 146 deletions

View File

@@ -0,0 +1,29 @@
import React from 'react';
import TaskTimer from '@/components/taskListCommon/task-timer/task-timer';
import { useTaskTimer } from '@/hooks/useTaskTimer';
interface TaskTimeTrackingProps {
taskId: string;
isDarkMode: boolean;
}
const TaskTimeTracking: React.FC<TaskTimeTrackingProps> = React.memo(({ taskId, isDarkMode }) => {
const { started, timeString, handleStartTimer, handleStopTimer } = useTaskTimer(
taskId,
null // The hook will get the timer start time from Redux
);
return (
<TaskTimer
taskId={taskId}
started={started}
handleStartTimer={handleStartTimer}
handleStopTimer={handleStopTimer}
timeString={timeString}
/>
);
});
TaskTimeTracking.displayName = 'TaskTimeTracking';
export default TaskTimeTracking;