7e6d7d8580
- 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.
29 lines
782 B
TypeScript
29 lines
782 B
TypeScript
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;
|