bo/worklenz
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: update Ant Design imports to centralized path

Browse Source 
- Replaced direct imports from 'antd' with centralized imports from '@/shared/antd-imports' to align with new import rules and improve maintainability.
This commit is contained in:
chamikaJ
2025-07-23 11:05:39 +05:30
parent 80f5febb51
commit edf81dbe57
410 changed files with 475 additions and 456 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
worklenz-frontend/src/components/task-drawer/shared/activity-log/task-drawer-activity-log.tsx
View File

@@ -1,4 +1,4 @@
import { Timeline, Typography, Flex, ConfigProvider, Tag, Tooltip, Skeleton } from 'antd';
import { Timeline, Typography, Flex, ConfigProvider, Tag, Tooltip, Skeleton } from '@/shared/antd-imports';
import { useEffect, useState } from 'react';
import { useTranslation } from 'react-i18next';
import { ArrowRightOutlined } from '@ant-design/icons';

2
worklenz-frontend/src/components/task-drawer/shared/info-tab/attachments/attachments-grid.tsx
View File

@@ -4,7 +4,7 @@ import './attachments-preview.css';
import type { RcFile, UploadProps } from 'antd/es/upload';
import { TFunction } from 'i18next';
import { ReloadOutlined } from '@ant-design/icons';
import { message } from 'antd';
import { message } from '@/shared/antd-imports';
import AttachmentsUpload from './attachments-upload';
interface AttachmentsGridProps {

2
worklenz-frontend/src/components/task-drawer/shared/info-tab/attachments/attachments-preview.tsx
View File

@@ -1,6 +1,6 @@
import { useState } from 'react';
import { ITaskAttachmentViewModel } from '@/types/tasks/task-attachment-view-model';
import { Button, Modal, Spin, Tooltip, Typography, Popconfirm, message } from 'antd';
import { Button, Modal, Spin, Tooltip, Typography, Popconfirm, message } from '@/shared/antd-imports';
import {
EyeOutlined,
DownloadOutlined,

2
worklenz-frontend/src/components/task-drawer/shared/info-tab/comments/task-comments.tsx
View File

@@ -1,5 +1,5 @@
import { useState, useEffect, useRef, useCallback } from 'react';
import { Skeleton, Avatar, Tooltip, Popconfirm } from 'antd';
import { Skeleton, Avatar, Tooltip, Popconfirm } from '@/shared/antd-imports';
import { Comment } from '@ant-design/compatible';
import dayjs from 'dayjs';

2
worklenz-frontend/src/components/task-drawer/shared/info-tab/comments/task-view-comment-edit.tsx
View File

@@ -1,5 +1,5 @@
import { useState, useEffect } from 'react';
import { Button, Form, Input, Space } from 'antd';
import { Button, Form, Input, Space } from '@/shared/antd-imports';
import { ITaskCommentViewModel } from '@/types/tasks/task-comments.types';
import taskCommentsApiService from '@/api/tasks/task-comments.api.service';
import logger from '@/utils/errorLogger';

2
worklenz-frontend/src/components/task-drawer/shared/info-tab/dependencies-table.tsx
View File

@@ -10,7 +10,7 @@ import {
TableProps,
Tag,
Typography,
} from 'antd';
} from '@/shared/antd-imports';
import React, { useState, useEffect } from 'react';
import { DeleteOutlined, ExclamationCircleFilled } from '@ant-design/icons';
import { useAppSelector } from '@/hooks/useAppSelector';

2
worklenz-frontend/src/components/task-drawer/shared/info-tab/details/task-drawer-due-date/task-drawer-due-date.tsx
View File

@@ -1,5 +1,5 @@
import { useState } from 'react';
import { Flex, DatePicker, Typography, Button, Form, FormInstance } from 'antd';
import { Flex, DatePicker, Typography, Button, Form, FormInstance } from '@/shared/antd-imports';
import { t, TFunction } from 'i18next';
import dayjs, { Dayjs } from 'dayjs';
import { useTranslation } from 'react-i18next';

2
worklenz-frontend/src/components/task-drawer/shared/info-tab/details/task-drawer-estimation/task-drawer-estimation.tsx
View File

@@ -2,7 +2,7 @@ import { SocketEvents } from '@/shared/socket-events';
import { useSocket } from '@/socket/socketContext';
import { colors } from '@/styles/colors';
import { ITaskViewModel } from '@/types/tasks/task.types';
import { Flex, Form, FormInstance, InputNumber, Typography } from 'antd';
import { Flex, Form, FormInstance, InputNumber, Typography } from '@/shared/antd-imports';
import { TFunction } from 'i18next';
import { useState } from 'react';

4
worklenz-frontend/src/components/task-drawer/shared/info-tab/details/task-drawer-key/task-drawer-key.tsx
View File

@@ -1,7 +1,7 @@
import { ITaskFormViewModel } from '@/types/tasks/task.types';
import { Tag } from 'antd';
import { Tag } from '@/shared/antd-imports';
import { Form } from 'antd';
import { Form } from '@/shared/antd-imports';
interface TaskDrawerKeyProps {
taskKey: string;

2
worklenz-frontend/src/components/task-drawer/shared/info-tab/details/task-drawer-labels/task-drawer-labels.tsx
View File

@@ -12,7 +12,7 @@ import {
List,
Tag,
Typography,
} from 'antd';
} from '@/shared/antd-imports';
import { useEffect, useMemo, useRef, useState } from 'react';
import { useAppSelector } from '@/hooks/useAppSelector';
import { colors } from '@/styles/colors';

4
worklenz-frontend/src/components/task-drawer/shared/info-tab/details/task-drawer-phase-selector/task-drawer-phase-selector.tsx
View File

@@ -1,8 +1,8 @@
import { useSocket } from '@/socket/socketContext';
import { ITaskPhase } from '@/types/tasks/taskPhase.types';
import { Select } from 'antd';
import { Select } from '@/shared/antd-imports';
import { Form } from 'antd';
import { Form } from '@/shared/antd-imports';
import { SocketEvents } from '@/shared/socket-events';
import { ITaskViewModel } from '@/types/tasks/task.types';

2
worklenz-frontend/src/components/task-drawer/shared/info-tab/details/task-drawer-priority-selector/task-drawer-priority-selector.tsx
View File

@@ -1,4 +1,4 @@
import { Flex, Select, Typography } from 'antd';
import { Flex, Select, Typography } from '@/shared/antd-imports';
import './priority-dropdown.css';
import { useAppSelector } from '@/hooks/useAppSelector';
import { useState, useEffect, useMemo } from 'react';

2
worklenz-frontend/src/components/task-drawer/shared/info-tab/details/task-drawer-progress/task-drawer-progress.tsx
View File

@@ -1,4 +1,4 @@
import { Form, InputNumber, Tooltip, Modal } from 'antd';
import { Form, InputNumber, Tooltip, Modal } from '@/shared/antd-imports';
import { useTranslation } from 'react-i18next';
import { QuestionCircleOutlined } from '@ant-design/icons';
import { useAppSelector } from '@/hooks/useAppSelector';

2
worklenz-frontend/src/components/task-drawer/shared/info-tab/details/task-drawer-recurring-config/task-drawer-recurring-config.tsx
View File

@@ -11,7 +11,7 @@ import {
Skeleton,
Row,
Col,
} from 'antd';
} from '@/shared/antd-imports';
import { SettingOutlined } from '@ant-design/icons';
import { useSocket } from '@/socket/socketContext';
import { SocketEvents } from '@/shared/socket-events';

2
worklenz-frontend/src/components/task-drawer/shared/info-tab/info-tab-footer.tsx
View File

@@ -1,4 +1,4 @@
import { Button, Flex, Form, Mentions, Space, Tooltip, Typography, message } from 'antd';
import { Button, Flex, Form, Mentions, Space, Tooltip, Typography, message } from '@/shared/antd-imports';
import { useCallback, useEffect, useRef, useState, useMemo } from 'react';
import { useTranslation } from 'react-i18next';
import { PaperClipOutlined, DeleteOutlined, PlusOutlined } from '@ant-design/icons';

2
worklenz-frontend/src/components/task-drawer/shared/info-tab/notify-member-selector.tsx
View File

@@ -10,7 +10,7 @@ import {
InputRef,
List,
Typography,
} from 'antd';
} from '@/shared/antd-imports';
import { useEffect, useMemo, useRef, useState } from 'react';
import { TFunction } from 'i18next';

2
worklenz-frontend/src/components/task-drawer/shared/info-tab/subtask-table.tsx
View File

@@ -1,4 +1,4 @@
import { Button, Flex, Input, Popconfirm, Progress, Table, Tag, Tooltip } from 'antd';
import { Button, Flex, Input, Popconfirm, Progress, Table, Tag, Tooltip } from '@/shared/antd-imports';
import { useState, useMemo, useEffect } from 'react';
import { DeleteOutlined, EditOutlined, ExclamationCircleFilled } from '@ant-design/icons';
import { nanoid } from '@reduxjs/toolkit';

2
worklenz-frontend/src/components/task-drawer/shared/info-tab/task-details-form.tsx
View File

@@ -9,7 +9,7 @@ import {
Button,
ConfigProvider,
Flex,
} from 'antd';
} from '@/shared/antd-imports';
import { useTranslation } from 'react-i18next';
import { colors } from '@/styles/colors';
import { ITaskFormViewModel, ITaskViewModel } from '@/types/tasks/task.types';

2
worklenz-frontend/src/components/task-drawer/shared/info-tab/task-drawer-info-tab.tsx
View File

@@ -1,4 +1,4 @@
import { Button, Collapse, CollapseProps, Flex, Skeleton, Tooltip, Typography, Upload } from 'antd';
import { Button, Collapse, CollapseProps, Flex, Skeleton, Tooltip, Typography, Upload } from '@/shared/antd-imports';
import React, { useEffect, useState, useRef } from 'react';
import { ReloadOutlined } from '@ant-design/icons';
import DescriptionEditor from './description-editor';

2
worklenz-frontend/src/components/task-drawer/shared/time-log/TaskDrawerTimeLog.tsx
View File

@@ -1,5 +1,5 @@
import { DownloadOutlined, PlusOutlined } from '@ant-design/icons';
import { Button, Divider, Flex, Skeleton, Typography } from 'antd';
import { Button, Divider, Flex, Skeleton, Typography } from '@/shared/antd-imports';
import { useEffect, useState } from 'react';
import EmptyListPlaceholder from '@/components/EmptyListPlaceholder';

2
worklenz-frontend/src/components/task-drawer/shared/time-log/task-drawer-time-log.tsx
View File

@@ -1,5 +1,5 @@
import { DownloadOutlined, PlayCircleFilled, PlusOutlined } from '@ant-design/icons';
import { Button, Divider, Flex, Skeleton, Typography } from 'antd';
import { Button, Divider, Flex, Skeleton, Typography } from '@/shared/antd-imports';
import { useEffect, useState, useCallback } from 'react';
import { TFunction } from 'i18next';

2
worklenz-frontend/src/components/task-drawer/shared/time-log/time-log-form.tsx
View File

@@ -1,5 +1,5 @@
import React from 'react';
import { Button, DatePicker, Form, Input, TimePicker, Flex } from 'antd';
import { Button, DatePicker, Form, Input, TimePicker, Flex } from '@/shared/antd-imports';
import { ClockCircleOutlined } from '@ant-design/icons';
import { useTranslation } from 'react-i18next';
import dayjs from 'dayjs';

2
worklenz-frontend/src/components/task-drawer/shared/time-log/time-log-item.tsx
View File

@@ -1,5 +1,5 @@
import React from 'react';
import { Button, Divider, Flex, Popconfirm, Typography, Space } from 'antd';
import { Button, Divider, Flex, Popconfirm, Typography, Space } from '@/shared/antd-imports';
import { colors } from '@/styles/colors';
import { ITaskLogViewModel } from '@/types/tasks/task-log-view.types';
import SingleAvatar from '@/components/common/single-avatar/single-avatar';

2
worklenz-frontend/src/components/task-drawer/shared/time-log/time-log-list.tsx
View File

@@ -1,4 +1,4 @@
import { Flex } from 'antd';
import { Flex } from '@/shared/antd-imports';
import React, { useState } from 'react';
import TimeLogItem from './time-log-item';
import { ITaskLogViewModel } from '@/types/tasks/task-log-view.types';

2
worklenz-frontend/src/components/task-drawer/task-drawer-header/task-drawer-header.tsx
View File

@@ -1,4 +1,4 @@
import { Button, Dropdown, Flex, Input, InputRef, MenuProps, Tooltip } from 'antd';
import { Button, Dropdown, Flex, Input, InputRef, MenuProps, Tooltip } from '@/shared/antd-imports';
import React, { ChangeEvent, useEffect, useRef, useState } from 'react';
import { EllipsisOutlined } from '@ant-design/icons';
import { TFunction } from 'i18next';

2
worklenz-frontend/src/components/task-drawer/task-drawer-status-dropdown/task-drawer-status-dropdown.tsx
View File

@@ -11,7 +11,7 @@ import { ITaskListStatusChangeResponse } from '@/types/tasks/task-list-status.ty
import { ITaskViewModel } from '@/types/tasks/task.types';
import { ITaskStatus } from '@/types/tasks/taskStatus.types';
import { checkTaskDependencyStatus } from '@/utils/check-task-dependency-status';
import { Select } from 'antd';
import { Select } from '@/shared/antd-imports';
import { useMemo } from 'react';
import { updateEnhancedKanbanTaskStatus } from '@/features/enhanced-kanban/enhanced-kanban.slice';

4
worklenz-frontend/src/components/task-drawer/task-drawer.tsx
View File

@@ -1,4 +1,4 @@
import { TabsProps, Tabs, Button } from 'antd';
import { TabsProps, Tabs, Button } from '@/shared/antd-imports';
import Drawer from 'antd/es/drawer';
import { InputRef } from 'antd/es/input';
import { useTranslation } from 'react-i18next';
@@ -25,7 +25,7 @@ import TimeLogForm from './shared/time-log/time-log-form';
import { DEFAULT_TASK_NAME } from '@/shared/constants';
import useTaskDrawerUrlSync from '@/hooks/useTaskDrawerUrlSync';
import InfoTabFooter from './shared/info-tab/info-tab-footer';
import { Flex } from 'antd';
import { Flex } from '@/shared/antd-imports';
const TaskDrawer = () => {
const { t } = useTranslation('task-drawer/task-drawer');

2
worklenz-frontend/src/components/task-drawer/task-hierarchy-breadcrumb/task-hierarchy-breadcrumb.tsx
View File

@@ -1,5 +1,5 @@
import React, { useState, useEffect } from 'react';
import { Breadcrumb, Button, Typography, Tooltip } from 'antd';
import { Breadcrumb, Button, Typography, Tooltip } from '@/shared/antd-imports';
import { HomeOutlined } from '@ant-design/icons';
import { useAppSelector } from '@/hooks/useAppSelector';
import { useAppDispatch } from '@/hooks/useAppDispatch';