mirror of
https://github.com/langgenius/dify.git
synced 2026-03-17 04:47:50 +08:00
39 lines
1003 B
TypeScript
39 lines
1003 B
TypeScript
'use client'
|
|
import type { FC } from 'react'
|
|
import type { GithubRepo } from '@/models/common'
|
|
import { useQuery } from '@tanstack/react-query'
|
|
import { IS_DEV } from '@/config'
|
|
|
|
const defaultData = {
|
|
stargazers_count: 110918,
|
|
}
|
|
|
|
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')
|
|
|
|
return res.json()
|
|
}
|
|
|
|
const GithubStar: FC<{ className: string }> = (props) => {
|
|
const { isFetching, isError, data } = useQuery<GithubRepo>({
|
|
queryKey: ['github-star'],
|
|
queryFn: getStar,
|
|
enabled: !IS_DEV,
|
|
retry: false,
|
|
placeholderData: defaultData,
|
|
})
|
|
|
|
if (isFetching)
|
|
return <span className="i-ri-loader-2-line size-3 shrink-0 animate-spin text-text-tertiary" />
|
|
|
|
if (isError)
|
|
return <span {...props}>{defaultData.stargazers_count.toLocaleString()}</span>
|
|
|
|
return <span {...props}>{data?.stargazers_count.toLocaleString()}</span>
|
|
}
|
|
|
|
export default GithubStar
|