Merge branch 'main' into docs

HuolalaTech · Feb 19, 2025 · 71e1205 · 71e1205
2 parents 3f3a524 + 8e9a928
commit 71e1205
Show file tree

Hide file tree

Showing 8 changed files with 39 additions and 13 deletions.
diff --git a/src/assets/image/docs.svg b/src/assets/image/docs.svg
diff --git a/src/assets/image/paper-clip.svg b/src/assets/image/paper-clip.svg
diff --git a/src/assets/image/quick-start.svg b/src/assets/image/quick-start.svg
diff --git a/src/assets/image/take-try.svg b/src/assets/image/take-try.svg
diff --git 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 = () => {
 
         <div className="banner-actions">
           <Link to="/docs">
-            <Button type="primary" size="large" shape="round">
-              <Space>{t('banner.get-start')}</Space>
+            <Button
+              type="primary"
+              size="large"
+              icon={<Icon component={QuickStartSvg} style={{ fontSize: 20 }} />}
+            >
+              <b>{t('banner.get-start')}</b>
             </Button>
           </Link>
           <Link to="/replay-lab">
-            <Button size="large" shape="round">
-              <Space>{t('banner.take-try')}</Space>
+            <Button
+              size="large"
+              icon={<Icon component={TakeTrySvg} style={{ fontSize: 20 }} />}
+            >
+              <b>{t('banner.take-try')}</b>
             </Button>
           </Link>
         </div>

diff --git 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
@@ -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}
         >
-          <Button type="primary" icon={<PaperClipOutlined />}>
+          <Button
+            type="primary"
+            icon={<Icon component={PaperClipSvg} style={{ fontSize: 20 }} />}
+          >
             {t('replay.select-log')}
           </Button>
         </Upload>

diff --git 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}
         >
-          <Button size="large" icon={<PaperClipOutlined />}>
+          <Button
+            size="large"
+            icon={<Icon component={PaperClipSvg} style={{ fontSize: 20 }} />}
+          >
             <b>{t('lab.select-log')}</b>
           </Button>
         </Upload>