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 { Flex, Typography } from 'antd';
import { Flex, Typography } from '@/shared/antd-imports';
import logo from '@/assets/images/worklenz-light-mode.png';
import logoDark from '@/assets/images/worklenz-dark-mode.png';
import { useAppSelector } from '@/hooks/useAppSelector';

View File

@@ -1,5 +1,5 @@
import React from 'react';
import { Tooltip } from 'antd';
import { Tooltip } from '@/shared/antd-imports';
import { Label } from '@/types/task-management.types';
import { ITaskLabel } from '@/types/tasks/taskLabel.types';

View File

@@ -1,5 +1,5 @@
import React from 'react';
import { Tooltip } from 'antd';
import { Tooltip } from '@/shared/antd-imports';
import { NumbersColorMap } from '@/shared/constants';
interface CustomNumberLabelProps {

View File

@@ -1,5 +1,5 @@
import { SearchOutlined } from '@ant-design/icons';
import { Input } from 'antd';
import { Input } from '@/shared/antd-imports';
type CustomSearchbarProps = {
placeholderText: string;

View File

@@ -1,4 +1,4 @@
import { Flex, Tooltip, Typography } from 'antd';
import { Flex, Tooltip, Typography } from '@/shared/antd-imports';
import { colors } from '../styles/colors';
import { ExclamationCircleOutlined } from '@ant-design/icons';

View File

@@ -1,4 +1,4 @@
import { Empty, Typography } from 'antd';
import { Empty, Typography } from '@/shared/antd-imports';
import React from 'react';
import { useTranslation } from 'react-i18next';

View File

@@ -1,5 +1,5 @@
import React from 'react';
import { Button, Result } from 'antd';
import { Button, Result } from '@/shared/antd-imports';
import { useTranslation } from 'react-i18next';
import { useNavigate } from 'react-router-dom';
import logger from '@/utils/errorLogger';

View File

@@ -1,5 +1,5 @@
import React, { Component, ErrorInfo, ReactNode } from 'react';
import { Button, Result } from 'antd';
import { Button, Result } from '@/shared/antd-imports';
import CacheCleanup from '@/utils/cache-cleanup';
interface Props {

View File

@@ -1,6 +1,6 @@
import React, { useState } from 'react';
import { getJSONFromLocalStorage, saveJSONToLocalStorage } from '../utils/localStorageFunctions';
import { Button, ConfigProvider, Tooltip } from 'antd';
import { Button, ConfigProvider, Tooltip } from '@/shared/antd-imports';
import { PushpinFilled, PushpinOutlined } from '@ant-design/icons';
import { colors } from '../styles/colors';
import { navRoutes, NavRoutesType } from '../features/navbar/navRoutes';

View File

@@ -1,4 +1,4 @@
import { FloatButton, Space, Tooltip } from 'antd';
import { FloatButton, Space, Tooltip } from '@/shared/antd-imports';
import { FormatPainterOutlined } from '@ant-design/icons';
// import LanguageSelector from '../features/i18n/language-selector';
// import ThemeSelector from '../features/theme/ThemeSelector';

View File

@@ -1,8 +1,8 @@
import React, { useEffect, useRef } from 'react';
import { Form, Input, Button, List, Alert, message, InputRef } from 'antd';
import { Form, Input, Button, List, Alert, message, InputRef } from '@/shared/antd-imports';
import { CloseCircleOutlined, MailOutlined, PlusOutlined } from '@ant-design/icons';
import { useTranslation } from 'react-i18next';
import { Typography } from 'antd';
import { Typography } from '@/shared/antd-imports';
import { setTeamMembers, setTasks } from '@/features/account-setup/account-setup.slice';
import { useDispatch, useSelector } from 'react-redux';
import { RootState } from '@/app/store';

View File

@@ -1,5 +1,5 @@
import React, { useEffect, useRef } from 'react';
import { Form, Input, InputRef, Typography } from 'antd';
import { Form, Input, InputRef, Typography } from '@/shared/antd-imports';
import { useDispatch, useSelector } from 'react-redux';
import { useTranslation } from 'react-i18next';
import { setOrganizationName } from '@/features/account-setup/account-setup.slice';

View File

@@ -3,7 +3,7 @@ import { useSelector } from 'react-redux';
import { useTranslation } from 'react-i18next';
import { useNavigate } from 'react-router-dom';
import { Button, Drawer, Form, Input, InputRef, Select, Typography } from 'antd';
import { Button, Drawer, Form, Input, InputRef, Select, Typography } from '@/shared/antd-imports';
import TemplateDrawer from '../common/template-drawer/template-drawer';
import { RootState } from '@/app/store';

View File

@@ -1,5 +1,5 @@
import React, { useEffect, useRef } from 'react';
import { Form, Input, Button, Typography, List, InputRef } from 'antd';
import { Form, Input, Button, Typography, List, InputRef } from '@/shared/antd-imports';
import { PlusOutlined, DeleteOutlined, CloseCircleOutlined } from '@ant-design/icons';
import { useDispatch, useSelector } from 'react-redux';
import { useTranslation } from 'react-i18next';

View File

@@ -1,5 +1,5 @@
import React, { useState } from 'react';
import { Avatar, Button, Checkbox, Dropdown, Input, Menu, Typography } from 'antd';
import { Avatar, Button, Checkbox, Dropdown, Input, Menu, Typography } from '@/shared/antd-imports';
import { UserAddOutlined, UsergroupAddOutlined } from '@ant-design/icons';
import './add-members-dropdown.css';
import { useAppSelector } from '@/hooks/useAppSelector';

View File

@@ -1,5 +1,5 @@
import React, { useState } from 'react';
import { Avatar, Button, Checkbox, Dropdown, Input, Menu, Typography } from 'antd';
import { Avatar, Button, Checkbox, Dropdown, Input, Menu, Typography } from '@/shared/antd-imports';
import { PlusOutlined, UsergroupAddOutlined } from '@ant-design/icons';
import './add-members-dropdown.css';
import { AvatarNamesMap } from '../../shared/constants';

View File

@@ -2,7 +2,7 @@ import { adminCenterApiService } from '@/api/admin-center/admin-center.api.servi
import { IBillingCharge, IBillingChargesResponse } from '@/types/admin-center/admin-center.types';
import logger from '@/utils/errorLogger';
import { formatDate } from '@/utils/timeUtils';
import { Table, TableProps, Tag } from 'antd';
import { Table, TableProps, Tag } from '@/shared/antd-imports';
import React, { useEffect, useState } from 'react';
import { useTranslation } from 'react-i18next';

View File

@@ -3,7 +3,7 @@ import { IBillingTransaction } from '@/types/admin-center/admin-center.types';
import logger from '@/utils/errorLogger';
import { formatDate } from '@/utils/timeUtils';
import { ContainerOutlined } from '@ant-design/icons';
import { Button, Table, TableProps, Tag, Tooltip } from 'antd';
import { Button, Table, TableProps, Tag, Tooltip } from '@/shared/antd-imports';
import React, { useEffect, useState } from 'react';
import { useTranslation } from 'react-i18next';

View File

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

View File

@@ -1,4 +1,4 @@
import { Button, Card, Col, Form, Input, notification, Row, Tag, Typography } from 'antd';
import { Button, Card, Col, Form, Input, notification, Row, Tag, Typography } from '@/shared/antd-imports';
import React, { useState } from 'react';
import './upgrade-plans-lkr.css';
import { CheckCircleFilled } from '@ant-design/icons';

View File

@@ -459,7 +459,7 @@ const UpgradePlans = () => {
<Card
style={{ ...isSelected(paddlePlans.MONTHLY), height: '100%' }}
hoverable
title={<span style={cardStyles.title}>{t('monthlyPlan')}</span>}
title={<span style={cardStyles.title}>{t('monthlyPlan', 'Monthly Plan')}</span>}
onClick={() => setSelectedCard(paddlePlans.MONTHLY)}
>
<div style={cardStyles.priceContainer}>
@@ -480,16 +480,16 @@ const UpgradePlans = () => {
</Typography.Text>
</Flex>
<Flex justify="center" align="center">
<Typography.Text>{t('billedMonthly')}</Typography.Text>
<Typography.Text>{t('billedMonthly', 'Billed Monthly')}</Typography.Text>
</Flex>
</div>
<div style={cardStyles.featureList}>
{renderFeature(t('startupText01'))}
{renderFeature(t('startupText02'))}
{renderFeature(t('startupText03'))}
{renderFeature(t('startupText04'))}
{renderFeature(t('startupText05'))}
{renderFeature(t('startupText01', 'Unlimited Projects'))}
{renderFeature(t('startupText02', 'Unlimited Team Members'))}
{renderFeature(t('startupText03', 'Unlimited Storage'))}
{renderFeature(t('startupText04', 'Priority Support'))}
{renderFeature(t('startupText05', 'Advanced Analytics'))}
</div>
</Card>
</Col>
@@ -520,8 +520,8 @@ const UpgradePlans = () => {
disabled={billingInfo?.plan_id === plans.annual_plan_id}
>
{billingInfo?.status === SUBSCRIPTION_STATUS.ACTIVE
? t('changeToPlan', { plan: t('annualPlan') })
: t('continueWith', { plan: t('annualPlan') })}
? t('changeToPlan', 'Change to {{plan}}', { plan: t('annualPlan', 'Annual Plan') })
: t('continueWith', 'Continue with {{plan}}', { plan: t('annualPlan', 'Annual Plan') })}
</Button>
)}
{selectedPlan === paddlePlans.MONTHLY && (
@@ -533,8 +533,8 @@ const UpgradePlans = () => {
disabled={billingInfo?.plan_id === plans.monthly_plan_id}
>
{billingInfo?.status === SUBSCRIPTION_STATUS.ACTIVE
? t('changeToPlan', { plan: t('monthlyPlan') })
: t('continueWith', { plan: t('monthlyPlan') })}
? t('changeToPlan', 'Change to {{plan}}', { plan: t('monthlyPlan', 'Monthly Plan') })
: t('continueWith', 'Continue with {{plan}}', { plan: t('monthlyPlan', 'Monthly Plan') })}
</Button>
)}
</Row>

View File

@@ -1,4 +1,4 @@
import { Table, TableProps, Typography } from 'antd';
import { Table, TableProps, Typography } from '@/shared/antd-imports';
import React, { useMemo } from 'react';
import { IOrganizationAdmin } from '@/types/admin-center/admin-center.types';

View File

@@ -1,7 +1,7 @@
import { adminCenterApiService } from '@/api/admin-center/admin-center.api.service';
import logger from '@/utils/errorLogger';
import { EnterOutlined, EditOutlined } from '@ant-design/icons';
import { Card, Button, Tooltip, Typography } from 'antd';
import { Card, Button, Tooltip, Typography } from '@/shared/antd-imports';
import TextArea from 'antd/es/input/TextArea';
import Paragraph from 'antd/es/typography/Paragraph';
import { TFunction } from 'i18next';

View File

@@ -2,7 +2,7 @@ import { adminCenterApiService } from '@/api/admin-center/admin-center.api.servi
import { IOrganization } from '@/types/admin-center/admin-center.types';
import logger from '@/utils/errorLogger';
import { MailOutlined, PhoneOutlined, EditOutlined } from '@ant-design/icons';
import { Card, Tooltip, Input, Button, Typography, InputRef } from 'antd';
import { Card, Tooltip, Input, Button, Typography, InputRef } from '@/shared/antd-imports';
import { TFunction } from 'i18next';
import { useEffect, useRef, useState } from 'react';

View File

@@ -1,5 +1,5 @@
import React, { useRef, useState } from 'react';
import { Button, Drawer, Form, Input, InputRef, Typography } from 'antd';
import { Button, Drawer, Form, Input, InputRef, Typography } from '@/shared/antd-imports';
import { fetchTeams } from '@features/teams/teamSlice';
import { useAppDispatch } from '@/hooks/useAppDispatch';
import { useTranslation } from 'react-i18next';

View File

@@ -11,7 +11,7 @@ import {
TableProps,
Typography,
Tooltip,
} from 'antd';
} from '@/shared/antd-imports';
import React, { useState } from 'react';
import { useAppDispatch } from '@/hooks/useAppDispatch';
import './settings-drawer.css';

View File

@@ -6,7 +6,7 @@ import { useAppDispatch } from '@/hooks/useAppDispatch';
import { IOrganizationTeam } from '@/types/admin-center/admin-center.types';
import logger from '@/utils/errorLogger';
import { SettingOutlined, DeleteOutlined } from '@ant-design/icons';
import { Badge, Button, Card, Popconfirm, Table, TableProps, Tooltip, Typography } from 'antd';
import { Badge, Button, Card, Popconfirm, Table, TableProps, Tooltip, Typography } from '@/shared/antd-imports';
import { TFunction } from 'i18next';
import { useState } from 'react';
import { useMediaQuery } from 'react-responsive';

View File

@@ -1,4 +1,4 @@
import { Avatar, Tooltip } from 'antd';
import { Avatar, Tooltip } from '@/shared/antd-imports';
import React, { useCallback, useMemo } from 'react';
import { InlineMember } from '@/types/teamMembers/inlineMember.types';

View File

@@ -1,4 +1,4 @@
import { Badge, Card, Dropdown, Flex, Menu, MenuProps } from 'antd';
import { Badge, Card, Dropdown, Flex, Menu, MenuProps } from '@/shared/antd-imports';
import React from 'react';
import { TaskStatusType } from '../../../types/task.types';
import { colors } from '../../../styles/colors';

View File

@@ -1,5 +1,5 @@
import React, { useEffect, useRef, useState } from 'react';
import { Button, Dropdown, Input, InputRef, MenuProps, Typography } from 'antd';
import { Button, Dropdown, Input, InputRef, MenuProps, Typography } from '@/shared/antd-imports';
import {
DeleteOutlined,
EditOutlined,

View File

@@ -1,5 +1,5 @@
import React, { useEffect, useRef, useState } from 'react';
import { Button, Dropdown, Input, InputRef, MenuProps, Typography } from 'antd';
import { Button, Dropdown, Input, InputRef, MenuProps, Typography } from '@/shared/antd-imports';
import {
DeleteOutlined,
EditOutlined,

View File

@@ -1,5 +1,5 @@
import React, { useEffect, useRef, useState } from 'react';
import { Button, Dropdown, Input, InputRef, MenuProps, Typography } from 'antd';
import { Button, Dropdown, Input, InputRef, MenuProps, Typography } from '@/shared/antd-imports';
import {
DeleteOutlined,
EditOutlined,

View File

@@ -1,5 +1,5 @@
import React, { useEffect, useRef, useState } from 'react';
import { Button, Dropdown, Input, InputRef, MenuProps, Typography } from 'antd';
import { Button, Dropdown, Input, InputRef, MenuProps, Typography } from '@/shared/antd-imports';
import {
DeleteOutlined,
EditOutlined,

View File

@@ -1,4 +1,4 @@
import { Button, Flex } from 'antd';
import { Button, Flex } from '@/shared/antd-imports';
import AddMembersDropdown from '@/components/add-members-dropdown/add-members-dropdown';
import Avatars from '../avatars/avatars';
import { IProjectTask } from '@/types/project/projectTasksViewModel.types';

View File

@@ -1,5 +1,5 @@
import React, { useState, useRef } from 'react';
import { DatePicker, Button, Flex } from 'antd';
import { DatePicker, Button, Flex } from '@/shared/antd-imports';
import { CalendarOutlined } from '@ant-design/icons';
import dayjs, { Dayjs } from 'dayjs';
import { useSocket } from '@/socket/socketContext';

View File

@@ -1,5 +1,5 @@
import React, { useEffect, useRef, useState } from 'react';
import { Button, Dropdown, Input, InputRef, MenuProps, Typography } from 'antd';
import { Button, Dropdown, Input, InputRef, MenuProps, Typography } from '@/shared/antd-imports';
import {
DeleteOutlined,
EditOutlined,

View File

@@ -1,5 +1,5 @@
import React, { useEffect, useState } from 'react';
import { Avatar, Col, DatePicker, Divider, Flex, Row, Tooltip, Typography } from 'antd';
import { Avatar, Col, DatePicker, Divider, Flex, Row, Tooltip, Typography } from '@/shared/antd-imports';
import StatusDropdown from '../../taskListCommon/statusDropdown/StatusDropdown';
import dayjs, { Dayjs } from 'dayjs';
import { useTranslation } from 'react-i18next';

View File

@@ -9,7 +9,7 @@ import {
Dropdown,
MenuProps,
Button,
} from 'antd';
} from '@/shared/antd-imports';
import {
DoubleRightOutlined,
PauseOutlined,

View File

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

View File

@@ -1,4 +1,4 @@
import { Avatar, Button, DatePicker, Input, InputRef } from 'antd';
import { Avatar, Button, DatePicker, Input, InputRef } from '@/shared/antd-imports';
import React, { forwardRef, useEffect, useRef, useState } from 'react';
import AddMembersDropdown from '../../add-members-dropdown/add-members-dropdown';
import dayjs, { Dayjs } from 'dayjs';

View File

@@ -1,4 +1,4 @@
import { Avatar, Button, DatePicker, Input, InputRef } from 'antd';
import { Avatar, Button, DatePicker, Input, InputRef } from '@/shared/antd-imports';
import React, { forwardRef, useEffect, useRef, useState } from 'react';
import AddMembersDropdown from '../../add-members-dropdown/add-members-dropdown';
import dayjs, { Dayjs } from 'dayjs';

View File

@@ -1,4 +1,4 @@
import { Calendar } from 'antd';
import { Calendar } from '@/shared/antd-imports';
import React, { useEffect } from 'react';
import type { Dayjs } from 'dayjs';
import { useAppDispatch } from '@/hooks/useAppDispatch';

View File

@@ -1,5 +1,5 @@
import { lazy, Suspense } from 'react';
import { Spin } from 'antd';
import { Spin } from '@/shared/antd-imports';
// Lazy load Chart.js components
const LazyBarChart = lazy(() =>

View File

@@ -1,5 +1,5 @@
import React, { Suspense } from 'react';
import { Spin } from 'antd';
import { Spin } from '@/shared/antd-imports';
// Lazy load chart components to reduce initial bundle size
const LazyBar = React.lazy(() =>

View File

@@ -1,4 +1,4 @@
import { AutoComplete, Button, Drawer, Flex, Form, message, Select, Spin, Typography } from 'antd';
import { AutoComplete, Button, Drawer, Flex, Form, message, Select, Spin, Typography } from '@/shared/antd-imports';
import { useAppSelector } from '@/hooks/useAppSelector';
import { useAppDispatch } from '@/hooks/useAppDispatch';
import {

View File

@@ -1,5 +1,5 @@
import { AvatarNamesMap } from '@/shared/constants';
import { Avatar, Flex, Space } from 'antd';
import { Avatar, Flex, Space } from '@/shared/antd-imports';
interface SingleAvatarProps {
avatarUrl?: string;

View File

@@ -1,4 +1,4 @@
import type { MenuProps } from 'antd';
import type { MenuProps } from '@/shared/antd-imports';
import {
Empty,
List,
@@ -10,8 +10,7 @@ import {
Image,
Input,
Flex,
Button,
} from 'antd';
} from '@/shared/antd-imports';
import React, { useEffect, useState } from 'react';
import { useSelector } from 'react-redux';
import { useTranslation } from 'react-i18next';

View File

@@ -1,5 +1,5 @@
import React from 'react';
import { Tooltip, TooltipProps } from 'antd';
import { Tooltip, TooltipProps } from '@/shared/antd-imports';
interface TooltipWrapperProps extends Omit<TooltipProps, 'children'> {
children: React.ReactElement;

View File

@@ -1,6 +1,6 @@
import React, { useEffect, useState, useMemo } from 'react';
import { useSelector, useDispatch } from 'react-redux';
import { Card, Spin, Empty } from 'antd';
import { Card, Spin, Empty } from '@/shared/antd-imports';
import {
DndContext,
DragOverlay,

View File

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

View File

@@ -1,4 +1,4 @@
import { Flex, Input, InputRef } from 'antd';
import { Flex, Input, InputRef } from '@/shared/antd-imports';
import React, { useRef, useState } from 'react';
import { useTranslation } from 'react-i18next';

View File

@@ -1,5 +1,5 @@
import React, { useRef, useState, useEffect } from 'react';
import { Button, Flex, Input, InputRef } from 'antd';
import { Button, Flex, Input, InputRef } from '@/shared/antd-imports';
import { useTranslation } from 'react-i18next';
import { nanoid } from '@reduxjs/toolkit';
import { useAppDispatch } from '@/hooks/useAppDispatch';

View File

@@ -12,7 +12,7 @@ import EnhancedKanbanTaskCard from './EnhancedKanbanTaskCard';
import VirtualizedTaskList from './VirtualizedTaskList';
import { useAppSelector } from '@/hooks/useAppSelector';
import './EnhancedKanbanGroup.css';
import { Badge, Flex, InputRef, MenuProps, Popconfirm } from 'antd';
import { Badge, Flex, InputRef, MenuProps, Popconfirm } from '@/shared/antd-imports';
import { themeWiseColor } from '@/utils/themeWiseColor';
import useIsProjectManager from '@/hooks/useIsProjectManager';
import { useAuthService } from '@/hooks/useAuth';
@@ -25,11 +25,11 @@ import {
MoreOutlined,
} from '@ant-design/icons/lib/icons';
import { colors } from '@/styles/colors';
import { Input } from 'antd';
import { Tooltip } from 'antd';
import { Typography } from 'antd';
import { Dropdown } from 'antd';
import { Button } from 'antd';
import { Input } from '@/shared/antd-imports';
import { Tooltip } from '@/shared/antd-imports';
import { Typography } from '@/shared/antd-imports';
import { Dropdown } from '@/shared/antd-imports';
import { Button } from '@/shared/antd-imports';
import { PlusOutlined } from '@ant-design/icons/lib/icons';
import { useAppDispatch } from '@/hooks/useAppDispatch';
import { useTranslation } from 'react-i18next';

View File

@@ -23,9 +23,9 @@ import {
fetchBoardSubTasks,
toggleTaskExpansion,
} from '@/features/enhanced-kanban/enhanced-kanban.slice';
import { Divider } from 'antd';
import { List } from 'antd';
import { Skeleton } from 'antd';
import { Divider } from '@/shared/antd-imports';
import { List } from '@/shared/antd-imports';
import { Skeleton } from '@/shared/antd-imports';
import { PlusOutlined } from '@ant-design/icons';
import BoardSubTaskCard from '@/pages/projects/projectView/board/board-section/board-sub-task-card/board-sub-task-card';
import BoardCreateSubtaskCard from '@/pages/projects/projectView/board/board-section/board-sub-task-card/board-create-sub-task-card';

View File

@@ -1,4 +1,4 @@
import { Badge, Flex, Select } from 'antd';
import { Badge, Flex, Select } from '@/shared/antd-imports';
import './home-tasks-status-dropdown.css';
import { useAppSelector } from '@/hooks/useAppSelector';
import { useTranslation } from 'react-i18next';

View File

@@ -1,6 +1,6 @@
import { useSocket } from '@/socket/socketContext';
import { IProjectTask } from '@/types/project/projectTasksViewModel.types';
import { DatePicker } from 'antd';
import { DatePicker } from '@/shared/antd-imports';
import dayjs from 'dayjs';
import calendar from 'dayjs/plugin/calendar';
import { SocketEvents } from '@/shared/socket-events';

View File

@@ -1,7 +1,7 @@
import React, { useState } from 'react';
import { useDroppable } from '@dnd-kit/core';
import { SortableContext, verticalListSortingStrategy } from '@dnd-kit/sortable';
import { Button, Typography } from 'antd';
import { Button, Typography } from '@/shared/antd-imports';
import { PlusOutlined, MenuOutlined } from '@ant-design/icons';
import { ITaskListGroup } from '@/types/tasks/taskList.types';
import { IGroupBy } from '@/features/tasks/tasks.slice';

View File

@@ -1,7 +1,7 @@
import React from 'react';
import { useSortable } from '@dnd-kit/sortable';
import { CSS } from '@dnd-kit/utilities';
import { Avatar, Tag, Progress, Typography, Button, Tooltip, Space } from 'antd';
import { Avatar, Tag, Progress, Typography, Button, Tooltip, Space } from '@/shared/antd-imports';
import {
HolderOutlined,
MessageOutlined,

View File

@@ -17,18 +17,13 @@ import {
SortableContext,
sortableKeyboardCoordinates,
} from '@dnd-kit/sortable';
import { Card, Spin, Empty, Flex } from 'antd';
import { Card, Spin, Empty } from '@/shared/antd-imports';
import { RootState } from '@/app/store';
import { IGroupBy, setGroup, fetchTaskGroups, reorderTasks } from '@/features/tasks/tasks.slice';
import { fetchTaskGroups, reorderTasks } from '@/features/tasks/tasks.slice';
import { IProjectTask } from '@/types/project/projectTasksViewModel.types';
import { AppDispatch } from '@/app/store';
import BoardSectionCard from '@/pages/projects/projectView/board/board-section/board-section-card/board-section-card';
import BoardCreateSectionCard from '@/pages/projects/projectView/board/board-section/board-section-card/board-create-section-card';
import { useAuthService } from '@/hooks/useAuth';
import { useAuthService } from '@/hooks/useAuth';
import useIsProjectManager from '@/hooks/useIsProjectManager';
import BoardViewTaskCard from '@/pages/projects/projectView/board/board-section/board-task-card/board-view-task-card';
import TaskGroup from '../task-management/TaskGroup';
import TaskRow from '../task-management/TaskRow';
import KanbanGroup from './kanbanGroup';
import KanbanTaskCard from './kanbanTaskCard';
import SortableKanbanGroup from './SortableKanbanGroup';

View File

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

View File

@@ -1,5 +1,5 @@
import { BellOutlined } from '@ant-design/icons';
import { Badge, Button, Tooltip } from 'antd';
import { Badge, Button, Tooltip } from '@/shared/antd-imports';
import { toggleDrawer } from '@features/navbar/notificationSlice';
import { useAppDispatch } from '@/hooks/useAppDispatch';
import { useTranslation } from 'react-i18next';

View File

@@ -1,6 +1,6 @@
import { IWorklenzNotification } from '@/types/notifications/notifications.types';
import { BankOutlined } from '@ant-design/icons';
import { Button, Tag, Typography, theme } from 'antd';
import { Button, Tag, Typography, theme } from '@/shared/antd-imports';
import DOMPurify from 'dompurify';
import React, { useState } from 'react';
import { fromNow } from '@/utils/dateUtils';

View File

@@ -1,4 +1,4 @@
import { Button, Typography, Tag } from 'antd';
import { Button, Typography, Tag } from '@/shared/antd-imports';
import { BankOutlined } from '@ant-design/icons';
import { IWorklenzNotification } from '@/types/notifications/notifications.types';
import { useNavigate } from 'react-router-dom';

View File

@@ -1,4 +1,4 @@
import { notification } from 'antd';
import { notification } from '@/shared/antd-imports';
import { IWorklenzNotification } from '@/types/notifications/notifications.types';
import { teamsApiService } from '@/api/teams/teams.api.service';
import { toQueryString } from '@/utils/toQueryString';

View File

@@ -10,10 +10,9 @@ import {
Tooltip,
Badge,
Space,
Avatar,
theme,
Divider,
} from 'antd';
} from '@/shared/antd-imports';
import {
ClockCircleOutlined,
TeamOutlined,

View File

@@ -11,11 +11,10 @@ import {
} from '@/features/projects/projectsSlice';
import { useAppSelector } from '@/hooks/useAppSelector';
import useIsProjectManager from '@/hooks/useIsProjectManager';
import { useAuthService } from '@/hooks/useAuth';
import { IProjectViewModel } from '@/types/project/projectViewModel.types';
import logger from '@/utils/errorLogger';
import { SettingOutlined, InboxOutlined } from '@ant-design/icons';
import { Tooltip, Button, Popconfirm, Space } from 'antd';
import { Tooltip, Button, Popconfirm, Space } from '@/shared/antd-imports';
import {
evt_projects_archive,
evt_projects_archive_all,

View File

@@ -1,5 +1,5 @@
import { IProjectViewModel } from '@/types/project/projectViewModel.types';
import { Tooltip, Tag } from 'antd';
import { Tooltip, Tag } from '@/shared/antd-imports';
import { TFunction } from 'i18next';
import { useAppDispatch } from '@/hooks/useAppDispatch';
import { setFilteredCategories, setRequestParams } from '@/features/projects/projectsSlice';

View File

@@ -8,7 +8,7 @@ import { useAppSelector } from '@/hooks/useAppSelector';
import { colors } from '@/styles/colors';
import { IProjectViewModel } from '@/types/project/projectViewModel.types';
import { StarFilled } from '@ant-design/icons';
import { Button, ConfigProvider, Tooltip } from 'antd';
import { Button, ConfigProvider, Tooltip } from '@/shared/antd-imports';
import { TFunction } from 'i18next';
import { useCallback, useMemo } from 'react';

View File

@@ -1,6 +1,6 @@
import { IProjectViewModel } from '@/types/project/projectViewModel.types';
import { getTaskProgressTitle } from '@/utils/project-list-utils';
import { Tooltip, Progress } from 'antd';
import { Tooltip, Progress } from '@/shared/antd-imports';
export const ProgressListProgress: React.FC<{ record: IProjectViewModel }> = ({ record }) => {
return (

View File

@@ -1,7 +1,7 @@
import { IProjectViewModel } from '@/types/project/projectViewModel.types';
import { calculateTimeDifference } from '@/utils/calculate-time-difference';
import { formatDateTimeWithLocale } from '@/utils/format-date-time-with-locale';
import { Tooltip } from 'antd';
import { Tooltip } from '@/shared/antd-imports';
export const ProjectListUpdatedAt: React.FC<{ record: IProjectViewModel }> = ({ record }) => {
return (

View File

@@ -7,7 +7,7 @@ import { useAppSelector } from '@/hooks/useAppSelector';
import { IProjectViewModel } from '@/types/project/projectViewModel.types';
import { formatDateRange } from '@/utils/project-list-utils';
import { CalendarOutlined } from '@ant-design/icons';
import { Badge, Tooltip } from 'antd';
import { Badge, Tooltip } from '@/shared/antd-imports';
import { TFunction } from 'i18next';
import { NavigateFunction } from 'react-router-dom';

View File

@@ -9,7 +9,7 @@ import useTabSearchParam from '@/hooks/useTabSearchParam';
import { fetchTaskGroups } from '@/features/tasks/tasks.slice';
import { deleteStatusToggleDrawer } from '@/features/projects/status/DeleteStatusSlice';
import { Drawer, Alert, Card, Select, Button, Typography, Badge } from 'antd';
import { Drawer, Alert, Card, Select, Button, Typography, Badge } from '@/shared/antd-imports';
import { DownOutlined } from '@ant-design/icons';
import { useSelector } from 'react-redux';
import {

View File

@@ -1,5 +1,5 @@
import React, { useState, useEffect } from 'react';
import { Modal, Checkbox, Button, Flex, Typography, Space, Divider, message } from 'antd';
import { Modal, Checkbox, Button, Flex, Typography, Space, Divider, message } from '@/shared/antd-imports';
import { SettingOutlined, UpOutlined, DownOutlined } from '@ant-design/icons';
import { useTranslation } from 'react-i18next';

View File

@@ -13,8 +13,8 @@ import {
List,
Space,
Typography,
} from 'antd';
import type { InputRef } from 'antd';
InputRef
} from '@/shared/antd-imports';
import { useAppDispatch } from '@/hooks/useAppDispatch';
import { useAppSelector } from '@/hooks/useAppSelector';

View File

@@ -2,7 +2,7 @@ import { CaretDownFilled } from '@ant-design/icons';
import { useMemo, useEffect, useCallback } from 'react';
import { useTranslation } from 'react-i18next';
import { Badge, Button, Card, Checkbox, Dropdown, List, Space } from 'antd';
import { Badge, Button, Card, Checkbox, Dropdown, List, Space } from '@/shared/antd-imports';
import { useAppSelector } from '@/hooks/useAppSelector';
import { colors } from '@/styles/colors';

View File

@@ -1,4 +1,4 @@
import { Button, Drawer, Dropdown } from 'antd';
import { Button, Drawer, Dropdown } from '@/shared/antd-imports';
import { useEffect, useState } from 'react';
import { useAppDispatch } from '@/hooks/useAppDispatch';
import { DownOutlined, EditOutlined, ImportOutlined } from '@ant-design/icons';

View File

@@ -1,4 +1,4 @@
import { ColorPicker, Form, FormInstance, Input } from 'antd';
import { ColorPicker, Form, FormInstance, Input } from '@/shared/antd-imports';
import { useTranslation } from 'react-i18next';
import { IProjectViewModel } from '@/types/project/projectViewModel.types';

View File

@@ -10,7 +10,7 @@ import {
InputRef,
Select,
Typography,
} from 'antd';
} from '@/shared/antd-imports';
import { PlusOutlined } from '@ant-design/icons';
import { useAppDispatch } from '@/hooks/useAppDispatch';

View File

@@ -3,7 +3,7 @@ import { useAppDispatch } from '@/hooks/useAppDispatch';
import { IClientsViewModel } from '@/types/client.types';
import { IProjectViewModel } from '@/types/project/projectViewModel.types';
import { QuestionCircleOutlined } from '@ant-design/icons';
import { AutoComplete, Flex, Form, FormInstance, Spin, Tooltip, Typography } from 'antd';
import { AutoComplete, Flex, Form, FormInstance, Spin, Tooltip, Typography } from '@/shared/antd-imports';
import { TFunction } from 'i18next';
import { useState } from 'react';

View File

@@ -17,7 +17,7 @@ import {
Switch,
Tooltip,
Typography,
} from 'antd';
} from '@/shared/antd-imports';
import dayjs from 'dayjs';
import { fetchClients } from '@/features/settings/client/clientSlice';

View File

@@ -1,5 +1,5 @@
import { TFunction } from 'i18next';
import { Badge, Form, FormInstance, Select, Typography } from 'antd';
import { Badge, Form, FormInstance, Select, Typography } from '@/shared/antd-imports';
import { IProjectHealth } from '@/types/project/projectHealth.types';

View File

@@ -1,4 +1,4 @@
import { Form, FormInstance, Select, Typography } from 'antd';
import { Form, FormInstance, Select, Typography } from '@/shared/antd-imports';
import { TFunction } from 'i18next';
import { IProjectStatus } from '@/types/project/projectStatus.types';

View File

@@ -4,7 +4,7 @@ import { useAppDispatch } from '@/hooks/useAppDispatch';
import { useAppSelector } from '@/hooks/useAppSelector';
import { ITeamMemberViewModel } from '@/types/teamMembers/teamMembersGetResponse.types';
import { CloseCircleFilled, PlusCircleOutlined } from '@ant-design/icons';
import { Button, Dropdown, Flex, Input, InputRef, theme, Typography } from 'antd';
import { Button, Dropdown, Flex, Input, InputRef, theme, Typography } from '@/shared/antd-imports';
import React, { useEffect, useMemo, useRef, useState } from 'react';
import { useTranslation } from 'react-i18next';
import './project-manager-dropdown.css';

View File

@@ -1,5 +1,5 @@
import { ReactNode } from 'react';
import { Card, Flex, Skeleton, Tooltip, Typography } from 'antd';
import { Card, Flex, Skeleton, Tooltip, Typography } from '@/shared/antd-imports';
import { ExclamationCircleOutlined } from '@ant-design/icons';
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 CustomSearchbar from '../../../../CustomSearchbar';
import { useTranslation } from 'react-i18next';

View File

@@ -1,5 +1,5 @@
import React, { memo, useEffect, useMemo, useState } from 'react';
import { ConfigProvider, Table, TableColumnsType } from 'antd';
import { ConfigProvider, Table, TableColumnsType } from '@/shared/antd-imports';
import { useTranslation } from 'react-i18next';
import { useAppDispatch } from '@/hooks/useAppDispatch';
import CustomTableTitle from '../../../../CustomTableTitle';

View File

@@ -1,7 +1,7 @@
import React from 'react';
import { Doughnut } from 'react-chartjs-2';
import { Chart, ArcElement, Tooltip, ChartOptions } 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 { IRPTOverviewTeamChartData } 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, ChartOptions } 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 {
IRPTOverviewTeamByHealth,

View File

@@ -1,7 +1,7 @@
import React from 'react';
import { Doughnut } from 'react-chartjs-2';
import { Chart, ArcElement, Tooltip, ChartOptions } 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 { IRPTOverviewTeamByStatus, IRPTOverviewTeamInfo } from '@/types/reporting/reporting.types';
import { ALPHA_CHANNEL } from '@/shared/constants';

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';
import OverviewReportsOverviewTab from './overview-tab/reports-overview-tab';

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 { Flex } from 'antd';
import { Flex } from '@/shared/antd-imports';
import { useState } from 'react';
import CustomSearchbar from '@components/CustomSearchbar';
import { useTranslation } from 'react-i18next';

View File

@@ -1,5 +1,5 @@
import { useEffect, useState, useMemo } from 'react';
import { Button, ConfigProvider, Flex, PaginationProps, Table, TableColumnsType } from 'antd';
import { Button, ConfigProvider, Flex, PaginationProps, Table, TableColumnsType } from '@/shared/antd-imports';
import { useTranslation } from 'react-i18next';
import { createPortal } from 'react-dom';
import { ExpandAltOutlined } from '@ant-design/icons';

View File

@@ -1,5 +1,5 @@
import { CaretDownFilled, DownOutlined } from '@ant-design/icons';
import { Button, Card, DatePicker, Divider, Dropdown, Flex, List, Typography } from 'antd';
import { Button, Card, DatePicker, Divider, Dropdown, Flex, List, Typography } from '@/shared/antd-imports';
import { useState, useEffect } from 'react';
import { useTranslation } from 'react-i18next';
import dayjs from 'dayjs';

View File

@@ -1,7 +1,7 @@
import React, { useEffect, useState } from 'react';
import { AvatarNamesMap } from '@/shared/constants';
import { Member } from '@/types/schedule/schedule.types';
import { Avatar, Badge, Button, Col, Flex, Popover, Row, Tooltip } from 'antd';
import { Avatar, Badge, Button, Col, Flex, Popover, Row, Tooltip } from '@/shared/antd-imports';
import { CaretDownOutlined, CaretRightFilled } from '@ant-design/icons';
import { useAppSelector } from '@/hooks/useAppSelector';
import './Team.css';

View File

@@ -1,5 +1,5 @@
import React from 'react';
import { Tooltip } from 'antd';
import { Tooltip } from '@/shared/antd-imports';
import { useAppDispatch } from '@/hooks/useAppDispatch';
import { toggleScheduleDrawer } from '../../../features/schedule/scheduleSlice';

View File

@@ -5,7 +5,7 @@ import { fetchDateList, fetchTeamData } from '../../../features/schedule/schedul
import { themeWiseColor } from '../../../utils/themeWiseColor';
import GranttMembersTable from './grantt-members-table';
import { CELL_WIDTH } from '../../../shared/constants';
import { Flex, Popover } from 'antd';
import { Flex, Popover } from '@/shared/antd-imports';
import DayAllocationCell from './day-allocation-cell';
import ProjectTimelineBar from './project-timeline-bar';
import ProjectTimelineModal from '@/features/schedule/ProjectTimelineModal';

View File

@@ -1,4 +1,4 @@
import { Badge, Button, Flex, Tooltip } from 'antd';
import { Badge, Button, Flex, Tooltip } from '@/shared/antd-imports';
import React, { useCallback } from 'react';
import { useAppSelector } from '@/hooks/useAppSelector';
import CustomAvatar from '../../CustomAvatar';

View File

@@ -1,5 +1,5 @@
import React, { useState } from 'react';
import { Flex, Popover, Typography } from 'antd';
import { Flex, Popover, Typography } from '@/shared/antd-imports';
import { useAppDispatch } from '@/hooks/useAppDispatch';
import { useTranslation } from 'react-i18next';
import { useAppSelector } from '@/hooks/useAppSelector';

View File

@@ -1,5 +1,5 @@
import React, { useMemo, useState } from 'react';
import { Flex, Typography } from 'antd';
import { Flex, Typography } from '@/shared/antd-imports';
import { Member } from '../../../types/schedule/schedule.types';
import DayAllocationCell from './day-allocation-cell';
import { CELL_WIDTH } from '../../../shared/constants';

Some files were not shown because too many files have changed in this diff Show More