refactor: move all Icon import source to tailchat-design

client/web/src/components/AvatarPicker.tsx

@@ -2,7 +2,7 @@ import React, { PropsWithChildren, useRef, useState } from 'react';
 import { closeModal, openModal } from './Modal';
 import { showToasts, t } from 'tailchat-shared';
 import { Avatar } from 'antd';
-import { Icon } from '@/components/Icon';
+import { Icon } from 'tailchat-design';
 import { ModalAvatarCropper } from './modals/AvatarCropper';
 import { isGIF } from '@/utils/file-helper';
 

client/web/src/components/AvatarUploader.tsx

@@ -1,5 +1,5 @@
 import { blobUrlToFile } from '@/utils/file-helper';
-import { Icon } from '@/components/Icon';
+import { Icon } from 'tailchat-design';
 import clsx from 'clsx';
 import React, { PropsWithChildren, useState } from 'react';
 import { uploadFile, UploadFileResult, useAsyncRequest } from 'tailchat-shared';

client/web/src/components/ChatBox/ChatInputBox/Addon.tsx

@@ -3,7 +3,7 @@ import {
   getMessageTextDecorators,
   pluginChatInputActions,
 } from '@/plugin/common';
-import { Icon } from '@/components/Icon';
+import { Icon } from 'tailchat-design';
 import { Dropdown, Menu } from 'antd';
 import React from 'react';
 import { t } from 'tailchat-shared';

client/web/src/components/ChatBox/ChatMessageList/useChatMessageItemAction.tsx

@@ -1,4 +1,4 @@
-import { Icon } from '@/components/Icon';
+import { Icon } from 'tailchat-design';
 import { Menu } from 'antd';
 import React, { useCallback } from 'react';
 import {

client/web/src/components/ChatBox/ChatMessageList/useRenderPluginMessageInterpreter.tsx

@@ -1,5 +1,5 @@
 import { messageInterpreter } from '@/plugin/common';
-import { Icon } from '@/components/Icon';
+import { Icon } from 'tailchat-design';
 import { Popover } from 'antd';
 import React from 'react';
 import { useMemo } from 'react';

client/web/src/components/ChatBox/ChatReply.tsx

@@ -3,7 +3,7 @@ import { t, useChatBoxContext, useSharedEventHandler } from 'tailchat-shared';
 import _isNil from 'lodash/isNil';
 import { getMessageRender } from '@/plugin/common';
 import { UserName } from '../UserName';
-import { Icon } from '@/components/Icon';
+import { Icon } from 'tailchat-design';
 
 export const ChatReply: React.FC = React.memo(() => {
   const { replyMsg, setReplyMsg, clearReplyMsg } = useChatBoxContext();

client/web/src/components/GroupSection.tsx

@@ -1,4 +1,4 @@
-import { Icon } from '@/components/Icon';
+import { Icon } from 'tailchat-design';
 import React, { PropsWithChildren } from 'react';
 import { useReducer } from 'react';
 

client/web/src/components/Icon.tsx

@@ -1,6 +0,0 @@
-export {
-  /**
-   * @deprecated please import it from `tailchat-design`
-   */
-  Icon,
-} from 'tailchat-design';

client/web/src/components/IsDeveloping.tsx

@@ -1,4 +1,4 @@
-import { Icon } from '@/components/Icon';
+import { Icon } from 'tailchat-design';
 import { t } from 'tailchat-shared';
 import React from 'react';
 

client/web/src/components/Modal.tsx

@@ -12,7 +12,7 @@ import _isString from 'lodash/isString';
 import _noop from 'lodash/noop';
 import { PortalAdd, PortalRemove } from './Portal';
 import { Button, Typography } from 'antd';
-import { Icon } from '@/components/Icon';
+import { Icon } from 'tailchat-design';
 import { CSSTransition } from 'react-transition-group';
 import clsx from 'clsx';
 import { useIsMobile } from '@/hooks/useIsMobile';

client/web/src/components/Panel/group/MembersPanel.tsx

@@ -1,4 +1,4 @@
-import { Icon } from '@/components/Icon';
+import { Icon } from 'tailchat-design';
 import { openReconfirmModalP } from '@/components/Modal';
 import { GroupUserPopover } from '@/components/popover/GroupUserPopover';
 import { UserListItem } from '@/components/UserListItem';

client/web/src/components/Spinner.tsx

@@ -1,4 +1,4 @@
-import { Icon } from '@/components/Icon';
+import { Icon } from 'tailchat-design';
 import React from 'react';
 
 export const Spinner: React.FC = React.memo(() => {

client/web/src/components/TipIcon.tsx

@@ -1,5 +1,5 @@
-import { Icon } from './Icon';
 import React from 'react';
+import { Icon } from 'tailchat-design';
 import { DelayTip } from './DelayTip';
 
 export const TipIcon: React.FC<{

client/web/src/components/modals/CreateGroupInvite/index.tsx

@@ -1,4 +1,4 @@
-import { Icon } from '@/components/Icon';
+import { Icon } from 'tailchat-design';
 import React from 'react';
 import { useGroupInfo, t } from 'tailchat-shared';
 import { ModalWrapper } from '../../Modal';

client/web/src/components/modals/SettingsView/About.tsx

@@ -2,7 +2,7 @@ import { Typography } from 'antd';
 import React from 'react';
 import { version } from 'tailchat-shared';
 import logoUrl from '@assets/images/logo.svg';
-import { Icon } from '@/components/Icon';
+import { Icon } from 'tailchat-design';
 
 const { Paragraph, Text, Link } = Typography;
 

client/web/src/plugin/component/index.tsx

@@ -13,10 +13,9 @@ export {
   notification,
   Empty,
 } from 'antd';
-export { Avatar, SensitiveText } from 'tailchat-design';
+export { Avatar, SensitiveText, Icon } from 'tailchat-design';
 export const TextArea = Input.TextArea;
 export { Image } from '@/components/Image';
-export { Icon } from '@/components/Icon';
 export { IconBtn } from '@/components/IconBtn';
 export { PillTabs, PillTabPane } from '@/components/PillTabs';
 export { LoadingSpinner } from '@/components/LoadingSpinner';

client/web/src/routes/Entry/ForgetPasswordView.tsx

@@ -1,4 +1,4 @@
-import { Icon } from '@/components/Icon';
+import { Icon } from 'tailchat-design';
 import {
   forgetPassword,
   resetPassword,

client/web/src/routes/Entry/GuestView.tsx

@@ -2,7 +2,7 @@ import { Spinner } from '@/components/Spinner';
 import { useSearchParam } from '@/hooks/useSearchParam';
 import { setUserJWT } from '@/utils/jwt-helper';
 import { setGlobalUserLoginInfo } from '@/utils/user-helper';
-import { Icon } from '@/components/Icon';
+import { Icon } from 'tailchat-design';
 import React, { useState } from 'react';
 import { useNavigate } from 'react-router';
 import {

client/web/src/routes/Entry/LoginView.tsx

@@ -1,4 +1,4 @@
-import { Icon } from '@/components/Icon';
+import { Icon } from 'tailchat-design';
 import { Divider } from 'antd';
 import { isValidStr, loginWithEmail, t, useAsyncFn } from 'tailchat-shared';
 import React, { useEffect, useState } from 'react';

client/web/src/routes/Entry/RegisterView.tsx

@@ -2,7 +2,7 @@ import { isValidStr, registerWithEmail, t, useAsyncFn } from 'tailchat-shared';
 import React, { useState } from 'react';
 import { Spinner } from '../../components/Spinner';
 import { string } from 'yup';
-import { Icon } from '@/components/Icon';
+import { Icon } from 'tailchat-design';
 import { useNavigate } from 'react-router';
 import { setUserJWT } from '../../utils/jwt-helper';
 import { setGlobalUserLoginInfo } from '../../utils/user-helper';

client/web/src/routes/Main/Navbar/MobileMenuBtn.tsx

@@ -1,5 +1,5 @@
 import { useIsMobile } from '@/hooks/useIsMobile';
-import { Icon } from '@/components/Icon';
+import { Icon } from 'tailchat-design';
 import React, { useCallback } from 'react';
 import { useSidebarContext } from '../SidebarContext';
 

client/web/src/routes/Main/Navbar/SettingBtn.tsx

@@ -1,6 +1,6 @@
 import { closeModal, openModal } from '@/components/Modal';
 import { SettingsView } from '@/components/modals/SettingsView';
-import { Icon } from '@/components/Icon';
+import { Icon } from 'tailchat-design';
 import React, { useCallback } from 'react';
 
 export const SettingBtn: React.FC = React.memo(() => {