refactor: update code to use centralized Ant Design imports

- Replaced direct import of '@ant-design/icons' with centralized import from '@/shared/antd-imports'
This commit is contained in:
chamikaJ
2025-07-23 12:07:48 +05:30
parent edf81dbe57
commit a6863d8280
237 changed files with 319 additions and 274 deletions

View File

@@ -23,7 +23,7 @@ import {
SyncOutlined,
UnorderedListOutlined,
AppstoreOutlined,
} from '@ant-design/icons';
} from '@/shared/antd-imports';
import type { FilterValue, SorterResult } from 'antd/es/table/interface';
import ProjectDrawer from '@/components/projects/project-drawer/project-drawer';

View File

@@ -11,7 +11,7 @@ import {
import { useAppSelector } from '@/hooks/useAppSelector';
import TaskListFilters from '../taskList/taskListFilters/TaskListFilters';
import { Button, Skeleton } from '@/shared/antd-imports';
import { PlusOutlined } from '@ant-design/icons';
import { PlusOutlined } from '@/shared/antd-imports';
import { useDispatch } from 'react-redux';
import { toggleDrawer } from '@/features/projects/status/StatusSlice';
import KanbanGroup from '@/components/board/kanban-group/kanban-group';

View File

@@ -4,7 +4,7 @@ import {
DownOutlined,
RightOutlined,
ExpandAltOutlined,
} from '@ant-design/icons';
} from '@/shared/antd-imports';
import { NewTaskType, toggleTaskExpansion } from '@features/roadmap/roadmap-slice';
import { useAppDispatch } from '@/hooks/useAppDispatch';
import { toggleTaskDrawer } from '@features/tasks/taskSlice';

View File

@@ -1,6 +1,6 @@
import { useCallback, useMemo, useRef, useState } from 'react';
import { Checkbox, Flex, Tag, Tooltip } from '@/shared/antd-imports';
import { HolderOutlined } from '@ant-design/icons';
import { HolderOutlined } from '@/shared/antd-imports';
import {
DndContext,
DragEndEvent,

View File

@@ -1,7 +1,7 @@
import { Avatar, Checkbox, DatePicker, Flex, Select, Tag } from '@/shared/antd-imports';
import { createColumnHelper, ColumnDef } from '@tanstack/react-table';
import { IProjectTask } from '@/types/project/projectTasksViewModel.types';
import { HolderOutlined, PlusOutlined } from '@ant-design/icons';
import { HolderOutlined, PlusOutlined } from '@/shared/antd-imports';
import StatusDropdown from '@/components/task-list-common/status-dropdown/status-dropdown';
import Avatars from '@/components/avatars/avatars';
import LabelsSelector from '@/components/task-list-common/labelsSelector/labels-selector';

View File

@@ -6,7 +6,7 @@ import {
EllipsisOutlined,
EditOutlined,
RetweetOutlined,
} from '@ant-design/icons';
} from '@/shared/antd-imports';
import { ITaskListGroup } from '@/types/tasks/taskList.types';
import { ITaskStatusCategory } from '@/types/status.types';
import { useAppSelector } from '@/hooks/useAppSelector';

View File

@@ -1,7 +1,7 @@
import { Badge, Button, Collapse, ConfigProvider, Dropdown, Flex, Input, Typography } from '@/shared/antd-imports';
import { useState } from 'react';
import { TaskType } from '@/types/task.types';
import { EditOutlined, EllipsisOutlined, RetweetOutlined, RightOutlined } from '@ant-design/icons';
import { EditOutlined, EllipsisOutlined, RetweetOutlined, RightOutlined } from '@/shared/antd-imports';
import { colors } from '@/styles/colors';
import './task-list-table-wrapper.css';
import TaskListTable from '../table-v2';

View File

@@ -1,4 +1,4 @@
import { CaretDownFilled } from '@ant-design/icons';
import { CaretDownFilled } from '@/shared/antd-imports';
import { ConfigProvider, Flex, Select } from '@/shared/antd-imports';
import React, { useState } from 'react';
import { colors } from '@/styles/colors';

View File

@@ -1,4 +1,4 @@
import { CaretDownFilled } from '@ant-design/icons';
import { CaretDownFilled } from '@/shared/antd-imports';
import {
Badge,
Button,

View File

@@ -1,5 +1,5 @@
/* eslint-disable react-hooks/exhaustive-deps */
import { CaretDownFilled } from '@ant-design/icons';
import { CaretDownFilled } from '@/shared/antd-imports';
import {
Badge,
Button,

View File

@@ -1,4 +1,4 @@
import { CaretDownFilled } from '@ant-design/icons';
import { CaretDownFilled } from '@/shared/antd-imports';
import { Badge, Button, Card, Checkbox, Dropdown, List, Space } from '@/shared/antd-imports';
import { useState } from 'react';

View File

@@ -1,4 +1,4 @@
import { SearchOutlined } from '@ant-design/icons';
import { SearchOutlined } from '@/shared/antd-imports';
import { Button, Card, Dropdown, Flex, Input, InputRef, Space } from '@/shared/antd-imports';
import { useRef } from 'react';
import { useTranslation } from 'react-i18next';

View File

@@ -1,4 +1,4 @@
import { MoreOutlined } from '@ant-design/icons';
import { MoreOutlined } from '@/shared/antd-imports';
import { Button, Card, Checkbox, Dropdown, List, Space } from '@/shared/antd-imports';
import { useAppSelector } from '@/hooks/useAppSelector';
import { useAppDispatch } from '@/hooks/useAppDispatch';

View File

@@ -1,4 +1,4 @@
import { CaretDownFilled, SortAscendingOutlined, SortDescendingOutlined } from '@ant-design/icons';
import { CaretDownFilled, SortAscendingOutlined, SortDescendingOutlined } from '@/shared/antd-imports';
import { Badge, Button, Card, Checkbox, Dropdown, List, Space } from '@/shared/antd-imports';
import React, { useState } from 'react';
import { colors } from '../../../../../styles/colors';

View File

@@ -12,7 +12,7 @@ import { useAppDispatch } from '@/hooks/useAppDispatch';
import { deselectAll } from '@features/projects/bulkActions/bulkActionSlice';
import { useTranslation } from 'react-i18next';
import { IProjectTask } from '@/types/project/projectTasksViewModel.types';
import { HolderOutlined } from '@ant-design/icons';
import { HolderOutlined } from '@/shared/antd-imports';
const TaskListTable = ({
taskList,

View File

@@ -1,6 +1,6 @@
import { Badge, Button, Collapse, ConfigProvider, Dropdown, Flex, Input, Typography } from '@/shared/antd-imports';
import { useState } from 'react';
import { EditOutlined, EllipsisOutlined, RetweetOutlined, RightOutlined } from '@ant-design/icons';
import { EditOutlined, EllipsisOutlined, RetweetOutlined, RightOutlined } from '@/shared/antd-imports';
import { colors } from '../../../../../styles/colors';
import './taskListTableWrapper.css';
import TaskListTable from './TaskListTable';

View File

@@ -4,7 +4,7 @@ import {
InboxOutlined,
RetweetOutlined,
UserAddOutlined,
} from '@ant-design/icons';
} from '@/shared/antd-imports';
import { Badge, Dropdown, Flex, Typography } from '@/shared/antd-imports';
import { MenuProps } from 'antd/lib';
import React from 'react';

View File

@@ -6,7 +6,7 @@ import {
DownOutlined,
RightOutlined,
ExpandAltOutlined,
} from '@ant-design/icons';
} from '@/shared/antd-imports';
import { colors } from '@/styles/colors';
import { useAppDispatch } from '@/hooks/useAppDispatch';
import { setShowTaskDrawer } from '@/features/task-drawer/task-drawer.slice';

View File

@@ -1,6 +1,6 @@
import React from 'react';
import { Divider, Empty, Flex, Popover, Typography } from '@/shared/antd-imports';
import { PlayCircleFilled } from '@ant-design/icons';
import { PlayCircleFilled } from '@/shared/antd-imports';
import { colors } from '../../../../../../styles/colors';
import CustomAvatar from '../../../../../../components/CustomAvatar';
import { mockTimeLogs } from './mockTimeLogs';

View File

@@ -29,7 +29,7 @@ import { calculateTimeDifference } from '@/utils/calculate-time-difference';
import { getUserSession } from '@/utils/session-helper';
import './project-view-updates.css';
import { useAppSelector } from '@/hooks/useAppSelector';
import { DeleteOutlined } from '@ant-design/icons';
import { DeleteOutlined } from '@/shared/antd-imports';
const MAX_COMMENT_LENGTH = 2000;

View File

@@ -1,5 +1,5 @@
import { Button, Flex } from '@/shared/antd-imports';
import { PlusOutlined } from '@ant-design/icons';
import { PlusOutlined } from '@/shared/antd-imports';
import { useTranslation } from 'react-i18next';
import { nanoid } from '@reduxjs/toolkit';

View File

@@ -18,7 +18,7 @@ import {
MoreOutlined,
PlusOutlined,
RetweetOutlined,
} from '@ant-design/icons';
} from '@/shared/antd-imports';
import { MenuProps } from '@/shared/antd-imports';
import { useTranslation } from 'react-i18next';

View File

@@ -9,7 +9,7 @@ import { CSS } from '@dnd-kit/utilities';
import { useAppSelector } from '@/hooks/useAppSelector';
import { themeWiseColor } from '@/utils/themeWiseColor';
import BoardSectionCardHeader from './board-section-card-header';
import { PlusOutlined } from '@ant-design/icons';
import { PlusOutlined } from '@/shared/antd-imports';
import BoardViewTaskCard from '../board-task-card/board-view-task-card';
import BoardViewCreateTaskCard from '../board-task-card/board-view-create-task-card';
import { ITaskListGroup } from '@/types/tasks/taskList.types';

View File

@@ -6,7 +6,7 @@ import {
DeleteOutlined,
ExclamationCircleFilled,
InboxOutlined,
} from '@ant-design/icons';
} from '@/shared/antd-imports';
import CustomAvatarGroup from '@/components/board/custom-avatar-group';
import CustomDueDatePicker from '@/components/board/custom-due-date-picker';
import { IProjectTask } from '@/types/project/projectTasksViewModel.types';

View File

@@ -25,7 +25,7 @@ import {
CaretDownFilled,
ExclamationCircleFilled,
PlusOutlined,
} from '@ant-design/icons';
} from '@/shared/antd-imports';
import dayjs, { Dayjs } from 'dayjs';
import { useTranslation } from 'react-i18next';
import { useSortable } from '@dnd-kit/sortable';

View File

@@ -18,7 +18,7 @@ import {
DeleteOutlined,
ExclamationCircleFilled,
ExclamationCircleOutlined,
} from '@ant-design/icons';
} from '@/shared/antd-imports';
import { useTranslation } from 'react-i18next';
import { durationDateFormat } from '@utils/durationDateFormat';
import { DEFAULT_PAGE_SIZE, IconsMap } from '@/shared/constants';

View File

@@ -3,7 +3,7 @@ import { Flex, Progress } from '@/shared/antd-imports';
import { colors } from '@/styles/colors';
import { useAppSelector } from '@/hooks/useAppSelector';
import { themeWiseColor } from '@/utils/themeWiseColor';
import { DownOutlined, ExclamationCircleOutlined, RightOutlined } from '@ant-design/icons';
import { DownOutlined, ExclamationCircleOutlined, RightOutlined } from '@/shared/antd-imports';
import logger from '@/utils/errorLogger';
import { projectsApiService } from '@/api/projects/projects.api.service';
import { useTranslation } from 'react-i18next';

View File

@@ -1,5 +1,5 @@
import { Button, Card, Flex, Tooltip, Typography } from '@/shared/antd-imports';
import { ExclamationCircleOutlined } from '@ant-design/icons';
import { ExclamationCircleOutlined } from '@/shared/antd-imports';
import { colors } from '@/styles/colors';
import OverdueTasksTable from './tables/overdue-tasks-table';
import OverLoggedTasksTable from './tables/over-logged-tasks-table';

View File

@@ -2,7 +2,7 @@ import { Avatar, Button, Flex, Table, Typography } from '@/shared/antd-imports';
import { useState, useEffect } from 'react';
import { colors } from '@/styles/colors';
import { TableProps } from 'antd/lib';
import { PlusOutlined } from '@ant-design/icons';
import { PlusOutlined } from '@/shared/antd-imports';
import { IInsightTasks } from '@/types/project/projectInsights.types';
import logger from '@/utils/errorLogger';
import { projectInsightsApiService } from '@/api/projects/insights/project-insights.api.service';

View File

@@ -1,4 +1,4 @@
import { DownloadOutlined } from '@ant-design/icons';
import { DownloadOutlined } from '@/shared/antd-imports';
import { Badge, Button, Checkbox, Flex, Segmented } from '@/shared/antd-imports';
import { useEffect, useRef, useState } from 'react';
import { useParams } from 'react-router-dom';

View File

@@ -14,7 +14,7 @@ import {
} from '@/shared/antd-imports';
// Icons
import { DeleteOutlined, ExclamationCircleFilled, SyncOutlined } from '@ant-design/icons';
import { DeleteOutlined, ExclamationCircleFilled, SyncOutlined } from '@/shared/antd-imports';
// React & Router
import { useEffect, useState } from 'react';

View File

@@ -65,7 +65,7 @@ import { addTaskCardToTheTop, fetchBoardTaskGroups } from '@/features/board/boar
import { fetchPhasesByProjectId } from '@/features/projects/singleProject/phase/phases.slice';
import { fetchEnhancedKanbanGroups } from '@/features/enhanced-kanban/enhanced-kanban.slice';
import { fetchTasksV3 } from '@/features/task-management/task-management.slice';
import { ShareAltOutlined } from '@ant-design/icons';
import { ShareAltOutlined } from '@/shared/antd-imports';
import { fetchStatuses } from '@/features/taskAttributes/taskStatusSlice';
const ProjectViewHeader = memo(() => {

View File

@@ -10,7 +10,6 @@ import {
Tabs,
PushpinFilled,
PushpinOutlined,
type TabsProps,
} from '@/shared/antd-imports';
import { useAppDispatch } from '@/hooks/useAppDispatch';
@@ -41,7 +40,6 @@ import { SuspenseFallback } from '@/components/suspense-fallback/suspense-fallba
import { useTranslation } from 'react-i18next';
import { useTimerInitialization } from '@/hooks/useTimerInitialization';
// Import critical components synchronously to avoid suspense interruptions
import TaskDrawer from '@components/task-drawer/task-drawer';

View File

@@ -8,7 +8,7 @@ import Dropdown from 'antd/es/dropdown';
import Input from 'antd/es/input';
import Typography from 'antd/es/typography';
import { MenuProps } from 'antd/es/menu';
import { EditOutlined, EllipsisOutlined, RetweetOutlined, RightOutlined } from '@ant-design/icons';
import { EditOutlined, EllipsisOutlined, RetweetOutlined, RightOutlined } from '@/shared/antd-imports';
import { colors } from '@/styles/colors';
import { useAppSelector } from '@/hooks/useAppSelector';

View File

@@ -17,7 +17,7 @@ import {
DragEndEvent,
DragStartEvent,
} from '@dnd-kit/core';
import { EditOutlined, EllipsisOutlined, RetweetOutlined, RightOutlined } from '@ant-design/icons';
import { EditOutlined, EllipsisOutlined, RetweetOutlined, RightOutlined } from '@/shared/antd-imports';
import { colors } from '@/styles/colors';
import { useAppSelector } from '@/hooks/useAppSelector';

View File

@@ -5,7 +5,7 @@ import {
LoadingOutlined,
RetweetOutlined,
UserAddOutlined,
} from '@ant-design/icons';
} from '@/shared/antd-imports';
import { Badge, Dropdown, Flex, Typography, Modal } from '@/shared/antd-imports';
import { MenuProps } from 'antd/lib';
import { useState } from 'react';

View File

@@ -1,6 +1,6 @@
import { Badge, Card, Dropdown, Empty, Flex, Menu, MenuProps, Typography } from '@/shared/antd-imports';
import React, { useState, useEffect } from 'react';
import { DownOutlined } from '@ant-design/icons';
import { DownOutlined } from '@/shared/antd-imports';
// custom css file
import './custom-column-label-cell.css';
import { useTranslation } from 'react-i18next';

View File

@@ -1,6 +1,6 @@
import { Badge, Card, Dropdown, Empty, Flex, Menu, MenuProps, Typography } from '@/shared/antd-imports';
import React, { useState, useEffect } from 'react';
import { DownOutlined } from '@ant-design/icons';
import { DownOutlined } from '@/shared/antd-imports';
// custom css file
import './custom-column-selection-cell.css';
import { useTranslation } from 'react-i18next';

View File

@@ -1,4 +1,4 @@
import { SettingOutlined } from '@ant-design/icons';
import { SettingOutlined } from '@/shared/antd-imports';
import { Button, Flex, Tooltip, Typography } from '@/shared/antd-imports';
import React, { useState } from 'react';
import { useTranslation } from 'react-i18next';

View File

@@ -1,4 +1,4 @@
import { PlusOutlined } from '@ant-design/icons';
import { PlusOutlined } from '@/shared/antd-imports';
import { Button, Tooltip } from '@/shared/antd-imports';
import { useAppDispatch } from '@/hooks/useAppDispatch';
import {

View File

@@ -51,7 +51,7 @@ import {
} from '@/features/task-management/task-management.slice';
import { useParams } from 'react-router-dom';
import { tasksCustomColumnsService } from '@/api/tasks/tasks-custom-columns.service';
import { ExclamationCircleFilled } from '@ant-design/icons';
import { ExclamationCircleFilled } from '@/shared/antd-imports';
const CustomColumnModal = () => {
const [mainForm] = Form.useForm();

View File

@@ -2,7 +2,7 @@ import React, { useState, useEffect } from 'react';
import { nanoid } from 'nanoid';
import { PhaseColorCodes } from '../../../../../../../../shared/constants';
import { Button, Flex, Input, Select, Tag, Typography } from '@/shared/antd-imports';
import { CloseCircleOutlined, HolderOutlined } from '@ant-design/icons';
import { CloseCircleOutlined, HolderOutlined } from '@/shared/antd-imports';
import { useAppDispatch } from '../../../../../../../../hooks/useAppDispatch';
import { useAppSelector } from '../../../../../../../../hooks/useAppSelector';
import { setLabelsList } from '../../../../../../../../features/projects/singleProject/task-list-custom-columns/task-list-custom-columns-slice';

View File

@@ -2,7 +2,7 @@ import React, { useState, useEffect } from 'react';
import { nanoid } from 'nanoid';
import { PhaseColorCodes } from '../../../../../../../../shared/constants';
import { Button, Flex, Input, Select, Tag, Typography } from '@/shared/antd-imports';
import { CloseCircleOutlined, HolderOutlined } from '@ant-design/icons';
import { CloseCircleOutlined, HolderOutlined } from '@/shared/antd-imports';
import { useAppDispatch } from '../../../../../../../../hooks/useAppDispatch';
import { useAppSelector } from '../../../../../../../../hooks/useAppSelector';

View File

@@ -10,7 +10,7 @@ import {
PaperClipOutlined,
MinusCircleOutlined,
RetweetOutlined,
} from '@ant-design/icons';
} from '@/shared/antd-imports';
import { colors } from '@/styles/colors';
import { useAppDispatch } from '@/hooks/useAppDispatch';
import { useTranslation } from 'react-i18next';

View File

@@ -1,7 +1,7 @@
import Input, { InputRef } from 'antd/es/input';
import { useMemo, useRef, useState, useEffect } from 'react';
import { Spin } from '@/shared/antd-imports';
import { LoadingOutlined } from '@ant-design/icons';
import { LoadingOutlined } from '@/shared/antd-imports';
import { useAppSelector } from '@/hooks/useAppSelector';
import { colors } from '@/styles/colors';
import { useTranslation } from 'react-i18next';

View File

@@ -9,7 +9,7 @@ import Dropdown from 'antd/es/dropdown';
import Input from 'antd/es/input';
import Typography from 'antd/es/typography';
import { MenuProps } from 'antd/es/menu';
import { EditOutlined, EllipsisOutlined, RetweetOutlined, RightOutlined } from '@ant-design/icons';
import { EditOutlined, EllipsisOutlined, RetweetOutlined, RightOutlined } from '@/shared/antd-imports';
import { colors } from '@/styles/colors';
import './task-list-table-wrapper.css';
import TaskListTable from '../task-list-table';

View File

@@ -11,7 +11,7 @@ import {
SettingOutlined,
UsergroupAddOutlined,
PlusOutlined,
} from '@ant-design/icons';
} from '@/shared/antd-imports';
import { useTranslation } from 'react-i18next';
import { useSortable } from '@dnd-kit/sortable';
import { CSS } from '@dnd-kit/utilities';