From 8e9a928491f504e757e8cf9812201c0413a3daee Mon Sep 17 00:00:00 2001 From: Blucas <15555602203@163.com> Date: Wed, 19 Feb 2025 18:35:14 +0800 Subject: [PATCH] feat: update icons --- src/assets/image/docs.svg | 2 +- src/assets/image/paper-clip.svg | 4 ++++ src/assets/image/quick-start.svg | 1 + src/assets/image/take-try.svg | 4 ++++ src/pages/Home/components/Banner/index.tsx | 21 +++++++++++++------ src/pages/Layouts/NavMenu/index.tsx | 3 +-- .../components/ReplayInLab/index.tsx | 9 ++++++-- .../ReplayLab/components/Welcome/index.tsx | 8 +++++-- 8 files changed, 39 insertions(+), 13 deletions(-) create mode 100644 src/assets/image/paper-clip.svg create mode 100644 src/assets/image/quick-start.svg create mode 100644 src/assets/image/take-try.svg diff --git a/src/assets/image/docs.svg b/src/assets/image/docs.svg index d0aac6f6..dd1b8a67 100644 --- a/src/assets/image/docs.svg +++ b/src/assets/image/docs.svg @@ -1 +1 @@ - \ No newline at end of file + diff --git a/src/assets/image/paper-clip.svg b/src/assets/image/paper-clip.svg new file mode 100644 index 00000000..bd280d6d --- /dev/null +++ b/src/assets/image/paper-clip.svg @@ -0,0 +1,4 @@ + + + \ No newline at end of file diff --git a/src/assets/image/quick-start.svg b/src/assets/image/quick-start.svg new file mode 100644 index 00000000..7d721645 --- /dev/null +++ b/src/assets/image/quick-start.svg @@ -0,0 +1 @@ + diff --git a/src/assets/image/take-try.svg b/src/assets/image/take-try.svg new file mode 100644 index 00000000..2ef48029 --- /dev/null +++ b/src/assets/image/take-try.svg @@ -0,0 +1,4 @@ + + + \ No newline at end of file diff --git a/src/pages/Home/components/Banner/index.tsx b/src/pages/Home/components/Banner/index.tsx index d576f918..279a997b 100644 --- a/src/pages/Home/components/Banner/index.tsx +++ b/src/pages/Home/components/Banner/index.tsx @@ -1,8 +1,10 @@ -import { ArrowRightOutlined, GithubOutlined } from '@ant-design/icons'; -import { Row, Col, Button, Space } from 'antd'; +import { Row, Col, Button } from 'antd'; import './index.less'; import { Trans, useTranslation } from 'react-i18next'; import { Link } from 'react-router-dom'; +import QuickStartSvg from '@/assets/image/quick-start.svg?react'; +import TakeTrySvg from '@/assets/image/take-try.svg?react'; +import Icon from '@ant-design/icons'; const Waves = () => { return ( @@ -86,13 +88,20 @@ export const Banner = () => {
- -
diff --git a/src/pages/Layouts/NavMenu/index.tsx b/src/pages/Layouts/NavMenu/index.tsx index d20eb1db..0daf87b7 100644 --- a/src/pages/Layouts/NavMenu/index.tsx +++ b/src/pages/Layouts/NavMenu/index.tsx @@ -3,7 +3,7 @@ import { langType, useLanguage } from '@/utils/useLanguage'; import Icon, { GithubOutlined } from '@ant-design/icons'; import { Space, Divider, MenuProps, Dropdown, ConfigProvider } from 'antd'; import { useTranslation } from 'react-i18next'; -import { Link, useNavigate } from 'react-router-dom'; +import { Link } from 'react-router-dom'; import DocsSvg from '@/assets/image/docs.svg?react'; import I18nSvg from '@/assets/image/i18n.svg?react'; import BugSvg from '@/assets/image/bug.svg?react'; @@ -46,7 +46,6 @@ const navDropdownConfig = { }; export const NavMenuOnPc = () => { - const navigate = useNavigate(); const isDark = useDarkTheme(); const [lang, setLang] = useLanguage(); const { t } = useTranslation(); diff --git a/src/pages/ReplayLab/components/ReplayInLab/index.tsx b/src/pages/ReplayLab/components/ReplayInLab/index.tsx index 2b54a9d0..6d022483 100644 --- a/src/pages/ReplayLab/components/ReplayInLab/index.tsx +++ b/src/pages/ReplayLab/components/ReplayInLab/index.tsx @@ -3,10 +3,12 @@ import { useMemo } from 'react'; import './index.less'; import { Button, Flex, Space, Upload, UploadProps } from 'antd'; import { useTranslation } from 'react-i18next'; -import { ArrowLeftOutlined, PaperClipOutlined } from '@ant-design/icons'; +import { ArrowLeftOutlined } from '@ant-design/icons'; import { useStepStore } from '../store'; import { useThreshold } from '@/utils/useThreshold'; import { useShallow } from 'zustand/react/shallow'; +import PaperClipSvg from '@/assets/image/paper-clip.svg?react'; +import Icon from '@ant-design/icons'; export const ReplayInLab = () => { const { t } = useTranslation(); @@ -31,7 +33,10 @@ export const ReplayInLab = () => { customRequest={uploadCustomRequest} itemRender={() => null} > - diff --git a/src/pages/ReplayLab/components/Welcome/index.tsx b/src/pages/ReplayLab/components/Welcome/index.tsx index 2b7faa6e..7a640872 100644 --- a/src/pages/ReplayLab/components/Welcome/index.tsx +++ b/src/pages/ReplayLab/components/Welcome/index.tsx @@ -4,7 +4,8 @@ import { Trans, useTranslation } from 'react-i18next'; import { Link, useLocation } from 'react-router-dom'; import LinkSvg from '@/assets/image/link.svg?react'; import CodeBlockSvg from '@/assets/image/code-block.svg?react'; -import Icon, { PaperClipOutlined } from '@ant-design/icons'; +import PaperClipSvg from '@/assets/image/paper-clip.svg?react'; +import Icon from '@ant-design/icons'; import { ImportGuide } from '../ImportGuide'; import { useEffect } from 'react'; import demo from './demo.json?url'; @@ -71,7 +72,10 @@ export const Welcome = () => { }} itemRender={() => null} > -