refactor: update Ant Design imports to centralized path

- 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

View File

@@ -1,4 +1,4 @@
import { Button, Dropdown } from 'antd';
import { Button, Dropdown } from '@/shared/antd-imports';
import { useAppSelector } from '@/hooks/useAppSelector';
import { useAppDispatch } from '@/hooks/useAppDispatch';
import { ILanguageType, setLanguage } from './localesSlice';

View File

@@ -1,5 +1,5 @@
import { QuestionCircleOutlined } from '@ant-design/icons';
import { Button, Tooltip } from 'antd';
import { Button, Tooltip } from '@/shared/antd-imports';
import React from 'react';
import { useTranslation } from 'react-i18next';
import './HelpButton.css';

View File

@@ -1,5 +1,5 @@
import { UsergroupAddOutlined } from '@ant-design/icons';
import { Button, Tooltip } from 'antd';
import { Button, Tooltip } from '@/shared/antd-imports';
import React from 'react';
import { useTranslation } from 'react-i18next';
import { colors } from '../../../styles/colors';

View File

@@ -6,7 +6,7 @@ import {
QuestionCircleOutlined,
ReadOutlined,
} from '@ant-design/icons';
import { Button, Card, Dropdown, Flex, MenuProps, Space, Typography } from 'antd';
import { Button, Card, Dropdown, Flex, MenuProps, Space, Typography } from '@/shared/antd-imports';
import React from 'react';
import { useTranslation } from 'react-i18next';
import { colors } from '../../../styles/colors';

View File

@@ -1,7 +1,7 @@
import React, { useEffect, useState, useMemo } from 'react';
import { Link, useLocation } from 'react-router-dom';
import { useTranslation } from 'react-i18next';
import { Col, ConfigProvider, Flex, Menu, MenuProps, Alert } from 'antd';
import { Col, ConfigProvider, Flex, Menu, MenuProps, Alert } from '@/shared/antd-imports';
import { createPortal } from 'react-dom';
import InviteTeamMembers from '../../components/common/invite-team-members/invite-team-members';

View File

@@ -2,7 +2,7 @@
import { BankOutlined, CaretDownFilled, CheckCircleFilled } from '@ant-design/icons';
// Ant Design Components
import { Card, Divider, Dropdown, Flex, Tooltip, Typography } from 'antd';
import { Card, Divider, Dropdown, Flex, Tooltip, Typography } from '@/shared/antd-imports';
// Redux Hooks
import { useAppDispatch } from '@/hooks/useAppDispatch';

View File

@@ -1,5 +1,5 @@
import { ClockCircleOutlined, StopOutlined } from '@ant-design/icons';
import { Badge, Button, Dropdown, List, Tooltip, Typography, Space, Divider, theme } from 'antd';
import { Badge, Button, Dropdown, List, Tooltip, Typography, Space, Divider, theme } from '@/shared/antd-imports';
import React, { useEffect, useState, useCallback } from 'react';
import { useTranslation } from 'react-i18next';
import { taskTimeLogsApiService, IRunningTimer } from '@/api/tasks/task-time-logs.api.service';

View File

@@ -1,4 +1,4 @@
import { Button, Tooltip } from 'antd';
import { Button, Tooltip } from '@/shared/antd-imports';
import React from 'react';
import { colors } from '../../../styles/colors';
import { useTranslation } from 'react-i18next';

View File

@@ -1,5 +1,5 @@
import { UserOutlined } from '@ant-design/icons';
import { Button, Card, Dropdown, Flex, MenuProps, Tooltip, Typography } from 'antd';
import { Button, Card, Dropdown, Flex, MenuProps, Tooltip, Typography } from '@/shared/antd-imports';
import { Link } from 'react-router-dom';
import { useTranslation } from 'react-i18next';

View File

@@ -8,7 +8,7 @@ import {
UserAddOutlined,
UsergroupAddOutlined,
} from '@ant-design/icons';
import { Button, Flex, Tooltip, Typography } from 'antd';
import { Button, Flex, Tooltip, Typography } from '@/shared/antd-imports';
import { colors } from '../../../styles/colors';
type BulkTasksActionProps = {

View File

@@ -1,5 +1,5 @@
import { SettingOutlined } from '@ant-design/icons';
import { Button, Tooltip } from 'antd';
import { Button, Tooltip } from '@/shared/antd-imports';
import React from 'react';
import { useAppDispatch } from '../../../../hooks/useAppDispatch';
import { toggleDrawer } from './phases.slice';

View File

@@ -1,4 +1,4 @@
import { Button, Drawer, Flex, Input, Skeleton, Spin, Typography } from 'antd';
import { Button, Drawer, Flex, Input, Skeleton, Spin, Typography } from '@/shared/antd-imports';
import { useState } from 'react';
import { useAppSelector } from '../../../../hooks/useAppSelector';
import { useAppDispatch } from '../../../../hooks/useAppDispatch';

View File

@@ -1,6 +1,6 @@
import React from 'react';
import { useAppSelector } from '../../../../hooks/useAppSelector';
import { Flex } from 'antd';
import { Flex } from '@/shared/antd-imports';
import ConfigPhaseButton from './ConfigPhaseButton';
import { colors } from '../../../../styles/colors';
import { useTranslation } from 'react-i18next';

View File

@@ -1,4 +1,4 @@
import { Button, ColorPicker, ConfigProvider, Flex, Input } from 'antd';
import { Button, ColorPicker, ConfigProvider, Flex, Input } from '@/shared/antd-imports';
import { CloseCircleOutlined, HolderOutlined } from '@ant-design/icons';
import { nanoid } from '@reduxjs/toolkit';
import { useAppDispatch } from '@/hooks/useAppDispatch';

View File

@@ -11,7 +11,7 @@ import {
Select,
Tag,
Typography,
} from 'antd';
} from '@/shared/antd-imports';
import React, { useRef, useState } from 'react';
import {
healthStatusData,

View File

@@ -1,4 +1,4 @@
import { Card, ConfigProvider, Tag, Timeline, Typography } from 'antd';
import { Card, ConfigProvider, Tag, Timeline, Typography } from '@/shared/antd-imports';
import { simpleDateFormat } from '@/utils/simpleDateFormat';
import { useAppDispatch } from '@/hooks/useAppDispatch';
import { colors } from '../../../../../styles/colors';

View File

@@ -1,4 +1,4 @@
import { Flex, Skeleton } from 'antd';
import { Flex, Skeleton } from '@/shared/antd-imports';
import React, { useEffect, useMemo, useState } from 'react';
import EmptyListPlaceholder from '@/components/EmptyListPlaceholder';
import ActivityLogCard from './activity-log-card';

View File

@@ -1,4 +1,4 @@
import { Tabs } from 'antd';
import { Tabs } from '@/shared/antd-imports';
import { TabsProps } from 'antd/lib';
import React from 'react';
import MembersReportsOverviewTab from './overviewTab/MembersReportsOverviewTab';

View File

@@ -1,4 +1,4 @@
import { Drawer, Typography, Flex, Button, Space, Dropdown } from 'antd';
import { Drawer, Typography, Flex, Button, Space, Dropdown } from '@/shared/antd-imports';
import { useAppSelector } from '@/hooks/useAppSelector';
import { useAppDispatch } from '@/hooks/useAppDispatch';
import { toggleMembersReportsDrawer } from '../membersReportsSlice';

View File

@@ -1,7 +1,7 @@
import React from 'react';
import { Doughnut } from 'react-chartjs-2';
import { Chart, ArcElement, Tooltip } from 'chart.js';
import { Badge, Card, Flex, Typography } from 'antd';
import { Badge, Card, Flex, Typography } from '@/shared/antd-imports';
import { useTranslation } from 'react-i18next';
import { IRPTOverviewMemberChartData } from '@/types/reporting/reporting.types';

View File

@@ -1,6 +1,6 @@
import { Doughnut } from 'react-chartjs-2';
import { Chart, ArcElement, Tooltip } from 'chart.js';
import { Badge, Card, Flex, Typography, Tooltip as AntTooltip } from 'antd';
import { Badge, Card, Flex, Typography, Tooltip as AntTooltip } from '@/shared/antd-imports';
import { useTranslation } from 'react-i18next';
import { IRPTOverviewMemberChartData } from '@/types/reporting/reporting.types';

View File

@@ -1,7 +1,7 @@
import React from 'react';
import { Doughnut } from 'react-chartjs-2';
import { Chart, ArcElement, Tooltip } from 'chart.js';
import { Badge, Card, Flex, Typography } from 'antd';
import { Badge, Card, Flex, Typography } from '@/shared/antd-imports';
import { useTranslation } from 'react-i18next';
import { IRPTOverviewMemberChartData } from '@/types/reporting/reporting.types';

View File

@@ -1,4 +1,4 @@
import { Drawer, Typography } from 'antd';
import { Drawer, Typography } from '@/shared/antd-imports';
import React, { useEffect, useState } from 'react';
import { useAppSelector } from '@/hooks/useAppSelector';
import { useAppDispatch } from '@/hooks/useAppDispatch';

View File

@@ -1,5 +1,5 @@
import { memo } from 'react';
import { ConfigProvider, Flex, Skeleton, Spin, Table, TableColumnsType, Typography } from 'antd';
import { ConfigProvider, Flex, Skeleton, Spin, Table, TableColumnsType, Typography } from '@/shared/antd-imports';
import { useTranslation } from 'react-i18next';
import CustomTableTitle from '@components/CustomTableTitle';
import { simpleDateFormat } from '@/utils/simpleDateFormat';

View File

@@ -1,4 +1,4 @@
import { Drawer, Typography } from 'antd';
import { Drawer, Typography } from '@/shared/antd-imports';
import React, { useMemo, useState } from 'react';
import { useAppSelector } from '@/hooks/useAppSelector';
import { useAppDispatch } from '@/hooks/useAppDispatch';

View File

@@ -1,4 +1,4 @@
import { Badge, Collapse, Flex, Table, TableColumnsType, Tag, Typography } from 'antd';
import { Badge, Collapse, Flex, Table, TableColumnsType, Tag, Typography } from '@/shared/antd-imports';
import CustomTableTitle from '@components/CustomTableTitle';
import { colors } from '@/styles/colors';
import dayjs from 'dayjs';

View File

@@ -3,7 +3,7 @@ import {
ExclamationCircleOutlined,
FileExcelOutlined,
} from '@ant-design/icons';
import { Button, Card, Flex } from 'antd';
import { Button, Card, Flex } from '@/shared/antd-imports';
import React, { ReactNode } from 'react';
import { useTranslation } from 'react-i18next';
import { useAppDispatch } from '@/hooks/useAppDispatch';

View File

@@ -1,4 +1,4 @@
import { Flex } from 'antd';
import { Flex } from '@/shared/antd-imports';
import React, { useEffect, useMemo, useState } from 'react';
import CustomSearchbar from '../../../../../components/CustomSearchbar';
import { fetchData } from '@/utils/fetchData';

View File

@@ -1,4 +1,4 @@
import { Badge, Flex, Table, TableColumnsType, Tag, Typography } from 'antd';
import { Badge, Flex, Table, TableColumnsType, Tag, Typography } from '@/shared/antd-imports';
import React from 'react';
import dayjs from 'dayjs';
import { DoubleRightOutlined } from '@ant-design/icons';

View File

@@ -1,5 +1,5 @@
import { IRPTOverviewProject } from '@/types/reporting/reporting.types';
import { Flex, Select, Typography } from 'antd';
import { Flex, Select, Typography } from '@/shared/antd-imports';
import { useTranslation } from 'react-i18next';
type ProjectFilterProps = {

View File

@@ -1,5 +1,5 @@
import { CaretDownFilled } 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 React, { useState } from 'react';
import { useTranslation } from 'react-i18next';

View File

@@ -1,4 +1,4 @@
import { Flex, Skeleton } from 'antd';
import { Flex, Skeleton } from '@/shared/antd-imports';
import React, { useEffect, useState } from 'react';
import BillableFilter from './billable-filter';
import { fetchData } from '@/utils/fetchData';

View File

@@ -1,4 +1,4 @@
import { Card, ConfigProvider, Tag, Timeline, Typography } from 'antd';
import { Card, ConfigProvider, Tag, Timeline, Typography } from '@/shared/antd-imports';
import { simpleDateFormat } from '@/utils/simpleDateFormat';
import { useAppDispatch } from '@/hooks/useAppDispatch';
import { useTranslation } from 'react-i18next';

View File

@@ -1,4 +1,4 @@
import { Drawer, Typography, Flex, Button, Dropdown } from 'antd';
import { Drawer, Typography, Flex, Button, Dropdown } from '@/shared/antd-imports';
import React, { useState } from 'react';
import { useAppSelector } from '../../../../hooks/useAppSelector';
import { useAppDispatch } from '../../../../hooks/useAppDispatch';

View File

@@ -1,4 +1,4 @@
import { Tabs } from 'antd';
import { Tabs } from '@/shared/antd-imports';
import { TabsProps } from 'antd/lib';
import { useTranslation } from 'react-i18next';

View File

@@ -1,4 +1,4 @@
import { Flex } from 'antd';
import { Flex } from '@/shared/antd-imports';
import { useEffect, useMemo, useState } from 'react';
import CustomSearchbar from '../../../../../components/CustomSearchbar';
import ProjectReportsMembersTable from './ProjectReportsMembersTable';

View File

@@ -1,4 +1,4 @@
import { Progress, Table, TableColumnsType } from 'antd';
import { Progress, Table, TableColumnsType } from '@/shared/antd-imports';
import React from 'react';
import CustomTableTitle from '../../../../../components/CustomTableTitle';
import { useAppDispatch } from '@/hooks/useAppDispatch';

View File

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

View File

@@ -1,7 +1,7 @@
import { useTranslation } from 'react-i18next';
import React from 'react';
import { createPortal } from 'react-dom';
import { Badge, Flex, Table, TableColumnsType, Tag, Typography } from 'antd';
import { Badge, Flex, Table, TableColumnsType, Tag, Typography } from '@/shared/antd-imports';
import dayjs from 'dayjs';
import { DoubleRightOutlined } from '@ant-design/icons';

View File

@@ -1,7 +1,7 @@
import React from 'react';
import { Doughnut } from 'react-chartjs-2';
import { Chart, ArcElement, Tooltip } from 'chart.js';
import { Badge, Card, Flex, Typography } from 'antd';
import { Badge, Card, Flex, Typography } from '@/shared/antd-imports';
import { useTranslation } from 'react-i18next';
import { IRPTOverviewProjectTasksByDue } from '@/types/reporting/reporting.types';

View File

@@ -1,7 +1,7 @@
import React from 'react';
import { Doughnut } from 'react-chartjs-2';
import { Chart, ArcElement, Tooltip } from 'chart.js';
import { Badge, Card, Flex, Typography } from 'antd';
import { Badge, Card, Flex, Typography } from '@/shared/antd-imports';
import { useTranslation } from 'react-i18next';
import { IRPTOverviewProjectTasksByPriority } from '@/types/reporting/reporting.types';

View File

@@ -4,7 +4,7 @@ import {
ExclamationCircleOutlined,
FileExcelOutlined,
} from '@ant-design/icons';
import { Card, Flex, Typography } from 'antd';
import { Card, Flex, Typography } from '@/shared/antd-imports';
import React, { ReactNode } from 'react';
import { colors } from '../../../../../styles/colors';
import { useTranslation } from 'react-i18next';

View File

@@ -1,7 +1,7 @@
import React from 'react';
import { Doughnut } from 'react-chartjs-2';
import { Chart, ArcElement, Tooltip } from 'chart.js';
import { Badge, Card, Flex, Typography } from 'antd';
import { Badge, Card, Flex, Typography } from '@/shared/antd-imports';
import { useTranslation } from 'react-i18next';
import { IRPTOverviewProjectTasksByStatus } from '@/types/reporting/reporting.types';

View File

@@ -1,4 +1,4 @@
import { Badge, Collapse, Flex, Table, TableColumnsType, Tag, Typography } from 'antd';
import { Badge, Collapse, Flex, Table, TableColumnsType, Tag, Typography } from '@/shared/antd-imports';
import { useEffect } from 'react';
import CustomTableTitle from '@/components/CustomTableTitle';
import { colors } from '@/styles/colors';

View File

@@ -1,4 +1,4 @@
import { Flex } from 'antd';
import { Flex } from '@/shared/antd-imports';
import React, { useEffect, useMemo, useState } from 'react';
import CustomSearchbar from '@components/CustomSearchbar';
import GroupByFilter from './group-by-filter';

View File

@@ -1,6 +1,6 @@
import { IGroupBy } from '@/features/board/board-slice';
import { CaretDownFilled } from '@ant-design/icons';
import { Flex, Select } from 'antd';
import { Flex, Select } from '@/shared/antd-imports';
import React from 'react';
import { useTranslation } from 'react-i18next';

View File

@@ -1,4 +1,4 @@
import { Button, Col, DatePicker, Flex, Input, Row } from 'antd';
import { Button, Col, DatePicker, Flex, Input, Row } from '@/shared/antd-imports';
import React from 'react';
import { useDispatch } from 'react-redux';
import { toggleModal } from './scheduleSlice';

View File

@@ -1,4 +1,4 @@
import { Avatar, Drawer, Tabs, TabsProps } from 'antd';
import { Avatar, Drawer, Tabs, TabsProps } from '@/shared/antd-imports';
import { useAppSelector } from '@/hooks/useAppSelector';
import { useAppDispatch } from '@/hooks/useAppDispatch';
import { toggleScheduleDrawer } from './scheduleSlice';

View File

@@ -1,4 +1,4 @@
import { Button, Checkbox, Col, Drawer, Form, Input, Row } from 'antd';
import { Button, Checkbox, Col, Drawer, Form, Input, Row } from '@/shared/antd-imports';
import React, { ReactHTMLElement, useState } from 'react';
import { useAppSelector } from '@/hooks/useAppSelector';
import { toggleSettingsDrawer, updateSettings } from './scheduleSlice';

View File

@@ -1,6 +1,6 @@
import { useAppDispatch } from '@/hooks/useAppDispatch';
import { ScheduleData } from '@/types/schedule/schedule-v2.types';
import { Button, Col, DatePicker, Flex, Form, Input, Row } from 'antd';
import { Button, Col, DatePicker, Flex, Form, Input, Row } from '@/shared/antd-imports';
import React, { useEffect } from 'react';
import { useTranslation } from 'react-i18next';
import { createSchedule, fetchTeamData } from './scheduleSlice';

View File

@@ -1,4 +1,4 @@
import { Avatar, Drawer, Tabs, TabsProps } from 'antd';
import { Avatar, Drawer, Tabs, TabsProps } from '@/shared/antd-imports';
import React from 'react';
import { useAppSelector } from '@/hooks/useAppSelector';
import { useAppDispatch } from '@/hooks/useAppDispatch';

View File

@@ -1,4 +1,4 @@
import { Button, Checkbox, Col, Drawer, Form, Input, Row } from 'antd';
import { Button, Checkbox, Col, Drawer, Form, Input, Row } from '@/shared/antd-imports';
import React, { ReactHTMLElement, useEffect, useState } from 'react';
import { useAppSelector } from '@/hooks/useAppSelector';
import {

View File

@@ -1,5 +1,5 @@
import React from 'react';
import { Tag, Typography } from 'antd';
import { Tag, Typography } from '@/shared/antd-imports';
import { colors } from '@/styles/colors';
import { IProjectCategory } from '@/types/project/projectCategory.types';

View File

@@ -1,5 +1,5 @@
import React from 'react';
import { Select, Tag, Tooltip } from 'antd';
import { Select, Tag, Tooltip } from '@/shared/antd-imports';
import { CategoryType } from '../../../types/categories.types';
import { useTranslation } from 'react-i18next';
import { PhaseColorCodes } from '../../../shared/constants';

View File

@@ -1,4 +1,4 @@
import { Button, Drawer, Form, Input, message, Typography } from 'antd';
import { Button, Drawer, Form, Input, message, Typography } from '@/shared/antd-imports';
import React from 'react';
import { useAppSelector } from '@/hooks/useAppSelector';
import { useAppDispatch } from '@/hooks/useAppDispatch';

View File

@@ -1,4 +1,4 @@
import { Button, Drawer, Form, Input, message, Typography } from 'antd';
import { Button, Drawer, Form, Input, message, Typography } from '@/shared/antd-imports';
import React, { useEffect } from 'react';
import { useAppSelector } from '@/hooks/useAppSelector';
import { useAppDispatch } from '@/hooks/useAppDispatch';

View File

@@ -1,4 +1,4 @@
import { Button, Drawer, Form, Input, message, Typography } from 'antd';
import { Button, Drawer, Form, Input, message, Typography } from '@/shared/antd-imports';
import React from 'react';
import { useAppSelector } from '@/hooks/useAppSelector';
import { useAppDispatch } from '@/hooks/useAppDispatch';

View File

@@ -1,4 +1,4 @@
import { Button, Drawer, Form, Input, message, Typography } from 'antd';
import { Button, Drawer, Form, Input, message, Typography } from '@/shared/antd-imports';
import React, { useEffect } from 'react';
import { useAppSelector } from '@/hooks/useAppSelector';
import { useAppDispatch } from '@/hooks/useAppDispatch';

View File

@@ -1,4 +1,4 @@
import { ConfigProvider, theme } from 'antd';
import { ConfigProvider, theme } from '@/shared/antd-imports';
import React, { useEffect, useRef, memo, useMemo, useCallback } from 'react';
import { useAppSelector } from '@/hooks/useAppSelector';
import { useAppDispatch } from '@/hooks/useAppDispatch';

View File

@@ -1,4 +1,4 @@
import { Avatar, Button, Card, Divider, Drawer, Tag, Timeline, Typography } from 'antd';
import { Avatar, Button, Card, Divider, Drawer, Tag, Timeline, Typography } from '@/shared/antd-imports';
import React, { useState, useEffect } from 'react';
import { useAppSelector } from '@/hooks/useAppSelector';
import { useAppDispatch } from '@/hooks/useAppDispatch';