wehub-resource-sync
42 lines
1.1 KiB
TypeScript
42 lines
1.1 KiB
TypeScript
import Link from "next/link"
|
|
|
|
import { siteConfig } from "@/lib/config"
|
|
import { Icons } from "@/components/icons"
|
|
import { Button } from "@/components/ui/button"
|
|
|
|
export function GitHubLink() {
|
|
return (
|
|
<Button
|
|
asChild
|
|
size="sm"
|
|
variant="ghost"
|
|
className="h-8 text-white/70 shadow-none hover:bg-white/10 hover:text-white"
|
|
>
|
|
<Link href={siteConfig.links.github} target="_blank" rel="noreferrer">
|
|
<Icons.gitHub />
|
|
{/* <React.Suspense fallback={<Skeleton className="h-4 w-8" />}>
|
|
<StarsCount />
|
|
</React.Suspense> */}
|
|
</Link>
|
|
</Button>
|
|
)
|
|
}
|
|
|
|
export async function StarsCount() {
|
|
const data = await fetch(
|
|
"https://api.github.com/repos/creativetimofficial/ui",
|
|
{
|
|
next: { revalidate: 86400 }, // Cache for 1 day (86400 seconds)
|
|
}
|
|
)
|
|
const json = await data.json()
|
|
|
|
return (
|
|
<span className="text-muted-foreground w-8 text-xs tabular-nums">
|
|
{json.stargazers_count >= 1000
|
|
? `${(json.stargazers_count / 1000).toFixed(1)}k`
|
|
: json.stargazers_count.toLocaleString()}
|
|
</span>
|
|
)
|
|
}
|