From a430284aa21e3ae1f0d5654e55b2ad2852519cc2 Mon Sep 17 00:00:00 2001
From: wwf <yearningwang@iqtogether.com>
Date: 星期三, 04 六月 2025 15:17:49 +0800
Subject: [PATCH] 初始化
---
app/components/header/github-star/index.tsx | 47 +++++++++++++++++++++++++++++++++++------------
1 files changed, 35 insertions(+), 12 deletions(-)
diff --git a/app/components/header/github-star/index.tsx b/app/components/header/github-star/index.tsx
index b087b9e..75af990 100644
--- a/app/components/header/github-star/index.tsx
+++ b/app/components/header/github-star/index.tsx
@@ -1,27 +1,50 @@
'use client'
-import { useQuery } from '@tanstack/react-query'
-import type { FC } from 'react'
+import React, { useEffect, useState } from 'react'
+import { Github } from '@/app/components/base/icons/src/public/common'
import type { GithubRepo } from '@/models/common'
const getStar = async () => {
const res = await fetch('https://api.github.com/repos/langgenius/dify')
if (!res.ok)
- throw new Error('Failed to fetch github star')
+ throw new Error('Failed to fetch data')
return res.json()
}
-const GithubStar: FC<{ className: string }> = (props) => {
- const { isFetching, data } = useQuery<GithubRepo>({
- queryKey: ['github-star'],
- queryFn: getStar,
- enabled: process.env.NODE_ENV !== 'development',
- initialData: { stargazers_count: 81204 },
- })
- if (isFetching)
+const GithubStar = () => {
+ const [githubRepo, setGithubRepo] = useState<GithubRepo>({ stargazers_count: 6000 })
+ const [isFetched, setIsFetched] = useState(false)
+ useEffect(() => {
+ (async () => {
+ try {
+ if (process.env.NODE_ENV === 'development')
+ return
+
+ await setGithubRepo(await getStar())
+ setIsFetched(true)
+ }
+ catch (e) {
+
+ }
+ })()
+ }, [])
+
+ if (!isFetched)
return null
- return <span {...props}>{data.stargazers_count.toLocaleString()}</span>
+
+ return (
+ <a
+ href='https://github.com/langgenius/dify'
+ target='_blank' rel='noopener noreferrer'
+ className='flex items-center leading-[18px] border border-gray-200 rounded-md text-xs text-gray-700 font-semibold overflow-hidden'>
+ <div className='flex items-center px-2 py-1 bg-gray-100'>
+ <Github className='mr-1 w-[18px] h-[18px]' />
+ Star
+ </div>
+ <div className='px-2 py-1 bg-white border-l border-gray-200'>{`${githubRepo.stargazers_count}`.replace(/\B(?=(\d{3})+(?!\d))/g, ',')}</div>
+ </a>
+ )
}
export default GithubStar
--
Gitblit v1.8.0