refactor(task-row): clean up imports and remove unused components
- Removed unused imports and components from task-row.tsx
This commit is contained in:
@@ -1,4 +1,4 @@
|
|||||||
import React, { useMemo, useCallback, useState, useRef, useEffect, lazy } from 'react';
|
import React, { useMemo, useCallback, useState, useRef, useEffect } from 'react';
|
||||||
import { useSortable } from '@dnd-kit/sortable';
|
import { useSortable } from '@dnd-kit/sortable';
|
||||||
import { CSS } from '@dnd-kit/utilities';
|
import { CSS } from '@dnd-kit/utilities';
|
||||||
import { useSelector } from 'react-redux';
|
import { useSelector } from 'react-redux';
|
||||||
@@ -12,20 +12,17 @@ import {
|
|||||||
HolderOutlined,
|
HolderOutlined,
|
||||||
MessageOutlined,
|
MessageOutlined,
|
||||||
PaperClipOutlined,
|
PaperClipOutlined,
|
||||||
ClockCircleOutlined,
|
|
||||||
UserOutlined,
|
UserOutlined,
|
||||||
type InputRef
|
type InputRef,
|
||||||
|
Tooltip
|
||||||
} from './antd-imports';
|
} from './antd-imports';
|
||||||
import { DownOutlined, RightOutlined, ExpandAltOutlined, DoubleRightOutlined, CheckCircleOutlined } from '@ant-design/icons';
|
import { DownOutlined, RightOutlined, ExpandAltOutlined, CheckCircleOutlined } from '@ant-design/icons';
|
||||||
import { useTranslation } from 'react-i18next';
|
import { useTranslation } from 'react-i18next';
|
||||||
import { Task } from '@/types/task-management.types';
|
import { Task } from '@/types/task-management.types';
|
||||||
import { RootState } from '@/app/store';
|
import { RootState } from '@/app/store';
|
||||||
import { AssigneeSelector, Avatar, AvatarGroup, Button, Checkbox, CustomColordLabel, CustomNumberLabel, LabelsSelector, Progress, Tooltip } from '@/components';
|
import { AvatarGroup, Button, Checkbox, CustomColordLabel, CustomNumberLabel, Progress } from '@/components';
|
||||||
import { useSocket } from '@/socket/socketContext';
|
import { useSocket } from '@/socket/socketContext';
|
||||||
import { SocketEvents } from '@/shared/socket-events';
|
import { SocketEvents } from '@/shared/socket-events';
|
||||||
import TaskStatusDropdown from './task-status-dropdown';
|
|
||||||
import TaskPriorityDropdown from './task-priority-dropdown';
|
|
||||||
import TaskPhaseDropdown from './task-phase-dropdown';
|
|
||||||
import TaskTimer from '@/components/taskListCommon/task-timer/task-timer';
|
import TaskTimer from '@/components/taskListCommon/task-timer/task-timer';
|
||||||
import { useTaskTimer } from '@/hooks/useTaskTimer';
|
import { useTaskTimer } from '@/hooks/useTaskTimer';
|
||||||
import {
|
import {
|
||||||
@@ -34,8 +31,6 @@ import {
|
|||||||
createLabelsAdapter,
|
createLabelsAdapter,
|
||||||
createAssigneeAdapter,
|
createAssigneeAdapter,
|
||||||
PRIORITY_COLORS as UTIL_PRIORITY_COLORS,
|
PRIORITY_COLORS as UTIL_PRIORITY_COLORS,
|
||||||
performanceMonitor,
|
|
||||||
taskPropsEqual
|
|
||||||
} from './task-row-utils';
|
} from './task-row-utils';
|
||||||
import './task-row-optimized.css';
|
import './task-row-optimized.css';
|
||||||
import { useAppDispatch } from '@/hooks/useAppDispatch';
|
import { useAppDispatch } from '@/hooks/useAppDispatch';
|
||||||
@@ -132,21 +127,6 @@ const TaskProgress = React.memo<{ progress: number; isDarkMode: boolean }>(({ pr
|
|||||||
/>
|
/>
|
||||||
));
|
));
|
||||||
|
|
||||||
const TaskPriority = React.memo<{ priority: string; isDarkMode: boolean }>(({ priority, isDarkMode }) => {
|
|
||||||
const color = PRIORITY_COLORS[priority as keyof typeof PRIORITY_COLORS] || '#d9d9d9';
|
|
||||||
return (
|
|
||||||
<div className="flex items-center gap-2">
|
|
||||||
<div
|
|
||||||
className="w-2 h-2 rounded-full"
|
|
||||||
style={{ backgroundColor: color }}
|
|
||||||
/>
|
|
||||||
<span className={`text-xs ${isDarkMode ? 'text-gray-300' : 'text-gray-700'}`}>
|
|
||||||
{priority}
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
});
|
|
||||||
|
|
||||||
const TaskTimeTracking = React.memo<{ taskId: string; isDarkMode: boolean }>(({ taskId, isDarkMode }) => {
|
const TaskTimeTracking = React.memo<{ taskId: string; isDarkMode: boolean }>(({ taskId, isDarkMode }) => {
|
||||||
const { started, timeString, handleStartTimer, handleStopTimer } = useTaskTimer(
|
const { started, timeString, handleStartTimer, handleStopTimer } = useTaskTimer(
|
||||||
taskId,
|
taskId,
|
||||||
|
|||||||
Reference in New Issue
Block a user