diff --git a/app/public/icons.svg b/app/public/icons.svg deleted file mode 100644 index e952219..0000000 --- a/app/public/icons.svg +++ /dev/null @@ -1,24 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/app/src/assets/allTools.png b/app/src/assets/allTools.png new file mode 100644 index 0000000..54fe37d Binary files /dev/null and b/app/src/assets/allTools.png differ diff --git a/app/src/assets/hero.png b/app/src/assets/hero.png deleted file mode 100644 index cc51a3d..0000000 Binary files a/app/src/assets/hero.png and /dev/null differ diff --git a/app/src/assets/react.svg b/app/src/assets/react.svg deleted file mode 100644 index 6c87de9..0000000 --- a/app/src/assets/react.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/app/src/assets/vite.svg b/app/src/assets/vite.svg deleted file mode 100644 index 5101b67..0000000 --- a/app/src/assets/vite.svg +++ /dev/null @@ -1 +0,0 @@ -Vite diff --git a/app/src/components/layouts/components/ToolHeader/ToolHeader.tsx b/app/src/components/layouts/components/ToolHeader/ToolHeader.tsx index 7425a30..9830638 100644 --- a/app/src/components/layouts/components/ToolHeader/ToolHeader.tsx +++ b/app/src/components/layouts/components/ToolHeader/ToolHeader.tsx @@ -1,12 +1,10 @@ -import { useEffect, useState } from 'react' +import { useState } from 'react' import { useNavigate } from 'react-router-dom' import { Box, Menu, Star, X } from 'lucide-react' +import { APP_TITLE_UP, githubRepoUrl } from '@/constants' +import { useGithubStars } from '@/hooks/useGithubStars' import './ToolHeader.scss' -const APP_NAME = import.meta.env.VITE_APP_TITLE_UP -const GITHUB_REPO = 'zeMinng/quick-kit' -const githubRepoUrl = `https://github.com/${GITHUB_REPO}` - const navLinks = [ { label: '首页', to: '/' }, { label: '工具台', to: '/tools' }, @@ -15,27 +13,9 @@ const navLinks = [ const ToolHeader: React.FC = () => { const navigate = useNavigate() - const [starCount, setStarCount] = useState('-') + const starCount = useGithubStars() const [menuOpen, setMenuOpen] = useState(false) - useEffect(() => { - const loadStars = async () => { - try { - const res = await fetch(`https://api.github.com/repos/${GITHUB_REPO}`, { - headers: { Accept: 'application/vnd.github.v3+json' }, - }) - const data = await res.json() - setStarCount( - typeof data.stargazers_count === 'number' ? String(data.stargazers_count) : '-', - ) - } catch { - setStarCount('-') - } - } - - void loadStars() - }, []) - const go = (to: string) => { setMenuOpen(false) if (to.startsWith('/#')) { @@ -57,7 +37,7 @@ const ToolHeader: React.FC = () => {
- {APP_NAME} + {APP_TITLE_UP}