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/pages/projects/project-view-1/board/project-view-board.tsx
View File

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

2
worklenz-frontend/src/pages/projects/project-view-1/roadmap/project-view-roadmap.tsx
View File

@@ -2,7 +2,7 @@ import { useState } from 'react';
import { ViewMode } from 'gantt-task-react';
import 'gantt-task-react/dist/index.css';
import './project-view-roadmap.css';
import { Flex } from 'antd';
import { Flex } from '@/shared/antd-imports';
import { useAppSelector } from '../../../../hooks/useAppSelector';
import { TimeFilter } from './time-filter';
import RoadmapTable from './roadmap-table/roadmap-table';

2
worklenz-frontend/src/pages/projects/project-view-1/roadmap/roadmap-table/roadmap-table.tsx
View File

@@ -1,5 +1,5 @@
import React from 'react';
import { DatePicker, Typography } from 'antd';
import { DatePicker, Typography } from '@/shared/antd-imports';
import dayjs, { Dayjs } from 'dayjs';
import { useAppSelector } from '@/hooks/useAppSelector';
import { useAppDispatch } from '@/hooks/useAppDispatch';

2
worklenz-frontend/src/pages/projects/project-view-1/roadmap/roadmap-table/roadmap-task-cell.tsx
View File

@@ -1,4 +1,4 @@
import { Flex, Typography, Button, Tooltip } from 'antd';
import { Flex, Typography, Button, Tooltip } from '@/shared/antd-imports';
import {
DoubleRightOutlined,
DownOutlined,

2
worklenz-frontend/src/pages/projects/project-view-1/roadmap/time-filter.tsx
View File

@@ -1,7 +1,7 @@
import React from 'react';
import 'gantt-task-react/dist/index.css';
import { ViewMode } from 'gantt-task-react';
import { Flex, Select } from 'antd';
import { Flex, Select } from '@/shared/antd-imports';
type TimeFilterProps = {
onViewModeChange: (viewMode: ViewMode) => void;
};

2
worklenz-frontend/src/pages/projects/project-view-1/task-list/table-v2.tsx
View File

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

2
worklenz-frontend/src/pages/projects/project-view-1/task-list/task-list-columns/task-list-columns.tsx
View File

@@ -1,4 +1,4 @@
import { Avatar, Checkbox, DatePicker, Flex, Select, Tag } from 'antd';
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';

2
worklenz-frontend/src/pages/projects/project-view-1/task-list/task-list-custom.tsx
View File

@@ -1,5 +1,5 @@
import { useCallback, useMemo, useRef, useState } from 'react';
import { Checkbox, theme } from 'antd';
import { Checkbox, theme } from '@/shared/antd-imports';
import {
useReactTable,
getCoreRowModel,

2
worklenz-frontend/src/pages/projects/project-view-1/task-list/task-list-header/task-list-header.tsx
View File

@@ -1,5 +1,5 @@
import React, { useState } from 'react';
import { Button, Dropdown, Input, Menu, Badge, Tooltip } from 'antd';
import { Button, Dropdown, Input, Menu, Badge, Tooltip } from '@/shared/antd-imports';
import {
RightOutlined,
LoadingOutlined,

2
worklenz-frontend/src/pages/projects/project-view-1/task-list/task-list-instant-task-input/task-list-instant-task-input.tsx
View File

@@ -1,4 +1,4 @@
import { Input, InputRef, theme } from 'antd';
import { Input, InputRef, theme } from '@/shared/antd-imports';
import React, { useState, useMemo, useRef } from 'react';
import { useAppSelector } from '@/hooks/useAppSelector';
import { colors } from '@/styles/colors';

2
worklenz-frontend/src/pages/projects/project-view-1/task-list/task-list-table-old/task-list-table-old.tsx
View File

@@ -1,5 +1,5 @@
import React, { useEffect, useState } from 'react';
import { Avatar, Checkbox, DatePicker, Flex, Tag, Tooltip, Typography } from 'antd';
import { Avatar, Checkbox, DatePicker, Flex, Tag, Tooltip, Typography } from '@/shared/antd-imports';
import { useAppSelector } from '@/hooks/useAppSelector';
import { columnList } from '@/pages/projects/project-view-1/taskList/taskListTable/columns/columnList';

2
worklenz-frontend/src/pages/projects/project-view-1/task-list/task-list-table-wrapper/task-list-table-wrapper.tsx
View File

@@ -1,4 +1,4 @@
import { Badge, Button, Collapse, ConfigProvider, Dropdown, Flex, Input, Typography } from 'antd';
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';

2
worklenz-frontend/src/pages/projects/project-view-1/task-list/task-list.tsx
View File

@@ -1,5 +1,5 @@
import { useEffect } from 'react';
import { Flex, Skeleton } from 'antd';
import { Flex, Skeleton } from '@/shared/antd-imports';
import TaskListFilters from '@/pages/projects/project-view-1/taskList/taskListFilters/TaskListFilters';
import { useAppSelector } from '@/hooks/useAppSelector';
import { ITaskListConfigV2, ITaskListGroup } from '@/types/tasks/taskList.types';

2
worklenz-frontend/src/pages/projects/project-view-1/taskList/ProjectViewTaskList.tsx
View File

@@ -1,5 +1,5 @@
import { useEffect } from 'react';
import { Flex } from 'antd';
import { Flex } from '@/shared/antd-imports';
import { useAppSelector } from '@/hooks/useAppSelector';
import { useAppDispatch } from '@/hooks/useAppDispatch';
import { fetchStatusesCategories } from '@/features/taskAttributes/taskStatusSlice';

2
worklenz-frontend/src/pages/projects/project-view-1/taskList/statusTables/StatusGroupTables.tsx
View File

@@ -1,6 +1,6 @@
import { TaskType } from '@/types/task.types';
import { useAppSelector } from '@/hooks/useAppSelector';
import { Flex } from 'antd';
import { Flex } from '@/shared/antd-imports';
import TaskListTableWrapper from '@/pages/projects/project-view-1/taskList/taskListTable/TaskListTableWrapper';
import { createPortal } from 'react-dom';
import BulkTasksActionContainer from '@/features/projects/bulkActions/BulkTasksActionContainer';

2
worklenz-frontend/src/pages/projects/project-view-1/taskList/taskListFilters/GroupByFilterDropdown.tsx
View File

@@ -1,5 +1,5 @@
import { CaretDownFilled } from '@ant-design/icons';
import { ConfigProvider, Flex, Select } from 'antd';
import { ConfigProvider, Flex, Select } from '@/shared/antd-imports';
import React, { useState } from 'react';
import { colors } from '@/styles/colors';
import ConfigPhaseButton from '@features/projects/singleProject/phase/ConfigPhaseButton';

2
worklenz-frontend/src/pages/projects/project-view-1/taskList/taskListFilters/LabelsFilterDropdown.tsx
View File

@@ -11,7 +11,7 @@ import {
InputRef,
List,
Space,
} from 'antd';
} from '@/shared/antd-imports';
import { useEffect, useRef, useState } from 'react';
import { colors } from '@/styles/colors';
import { useTranslation } from 'react-i18next';

2
worklenz-frontend/src/pages/projects/project-view-1/taskList/taskListFilters/MembersFilterDropdown.tsx
View File

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

2
worklenz-frontend/src/pages/projects/project-view-1/taskList/taskListFilters/PriorityFilterDropdown.tsx
View File

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

2
worklenz-frontend/src/pages/projects/project-view-1/taskList/taskListFilters/SearchDropdown.tsx
View File

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

2
worklenz-frontend/src/pages/projects/project-view-1/taskList/taskListFilters/ShowFieldsFilterDropdown.tsx
View File

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

2
worklenz-frontend/src/pages/projects/project-view-1/taskList/taskListFilters/SortFilterDropdown.tsx
View File

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

2
worklenz-frontend/src/pages/projects/project-view-1/taskList/taskListFilters/TaskListFilters.tsx
View File

@@ -1,4 +1,4 @@
import { Checkbox, Flex, Typography } from 'antd';
import { Checkbox, Flex, Typography } from '@/shared/antd-imports';
import SearchDropdown from './SearchDropdown';
import SortFilterDropdown from './SortFilterDropdown';
import LabelsFilterDropdown from './LabelsFilterDropdown';

2
worklenz-frontend/src/pages/projects/project-view-1/taskList/taskListTable/TaskListTable.tsx
View File

@@ -1,7 +1,7 @@
import { useAppSelector } from '@/hooks/useAppSelector';
import { columnList } from './columns/columnList';
import AddTaskListRow from './taskListTableRows/AddTaskListRow';
import { Checkbox, Flex, Tag, Tooltip } from 'antd';
import { Checkbox, Flex, Tag, Tooltip } from '@/shared/antd-imports';
import React, { useEffect, useState } from 'react';
import { useSelectedProject } from '@/hooks/useSelectedProject';
import TaskCell from './taskListTableCells/TaskCell';

3
worklenz-frontend/src/pages/projects/project-view-1/taskList/taskListTable/TaskListTableWrapper.tsx
View File

@@ -1,6 +1,5 @@
import { Badge, Button, Collapse, ConfigProvider, Dropdown, Flex, Input, Typography } from 'antd';
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 { colors } from '../../../../../styles/colors';
import './taskListTableWrapper.css';

2
worklenz-frontend/src/pages/projects/project-view-1/taskList/taskListTable/contextMenu/TaskContextMenu.tsx
View File

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

2
worklenz-frontend/src/pages/projects/project-view-1/taskList/taskListTable/taskListTableCells/TaskCell.tsx
View File

@@ -1,6 +1,6 @@
// TaskNameCell.tsx
import React from 'react';
import { Flex, Typography, Button } from 'antd';
import { Flex, Typography, Button } from '@/shared/antd-imports';
import {
DoubleRightOutlined,
DownOutlined,

2
worklenz-frontend/src/pages/projects/project-view-1/taskList/taskListTable/taskListTableCells/TaskProgress.tsx
View File

@@ -1,4 +1,4 @@
import { Progress, Tooltip } from 'antd';
import { Progress, Tooltip } from '@/shared/antd-imports';
import React from 'react';
import './TaskProgress.css';

2
worklenz-frontend/src/pages/projects/project-view-1/taskList/taskListTable/taskListTableCells/TimeTracker.tsx
View File

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

2
worklenz-frontend/src/pages/projects/project-view-1/taskList/taskListTable/taskListTableRows/AddSubTaskListRow.tsx
View File

@@ -1,4 +1,4 @@
import { Input } from 'antd';
import { Input } from '@/shared/antd-imports';
import React, { useState } from 'react';
import { useAppSelector } from '@/hooks/useAppSelector';
import { colors } from '@/styles/colors';

2
worklenz-frontend/src/pages/projects/project-view-1/taskList/taskListTable/taskListTableRows/AddTaskListRow.tsx
View File

@@ -1,4 +1,4 @@
import { Input } from 'antd';
import { Input } from '@/shared/antd-imports';
import React, { useState } from 'react';
import { useAppSelector } from '@/hooks/useAppSelector';
import { colors } from '@/styles/colors';

2
worklenz-frontend/src/pages/projects/project-view-1/updates/project-view-updates.tsx
View File

@@ -11,7 +11,7 @@ import {
Dropdown,
Menu,
Popconfirm,
} from 'antd';
} from '@/shared/antd-imports';
import { useEffect, useState, useCallback, useMemo } from 'react';
import { useTranslation } from 'react-i18next';
import DOMPurify from 'dompurify';