mirror of
https://github.com/community-scripts/ProxmoxVE.git
synced 2025-11-10 05:12:50 +00:00
0067075ed1
* Update ScriptAccordion and ScriptItem components for improved styling * Add README.md for Proxmox VE Helper-Scripts Frontend * Remove testing dependencies and related test files from the frontend project * Update analytics URL in siteConfig to point to community-scripts.org * Refactor ESLint configuration to have one source of truth and run "npm lint" to apply new changes * Update lint script in package.json to remove npm * Add 'next' option to ESLint configuration for improved compatibility * Update package dependencies and versions in package.json and package-lock.json * Refactor theme provider import and enhance calendar component for dynamic icon rendering * rename sidebar, alerts and buttons * rename description and interfaces files * rename more files * change folder name * Refactor tooltip logic to improve updateable condition handling * Enhance CommandMenu to prevent duplicate scripts across categories * Remove test step from frontend CI/CD workflow
62 lines
1.9 KiB
TypeScript
62 lines
1.9 KiB
TypeScript
import { FaGithub, FaStar } from "react-icons/fa";
|
|
import { useEffect, useState } from "react";
|
|
import Link from "next/link";
|
|
|
|
import { basePath } from "@/config/site-config";
|
|
import { cn } from "@/lib/utils";
|
|
|
|
import NumberTicker from "./number-ticker";
|
|
import { buttonVariants } from "./button";
|
|
|
|
export default function StarOnGithubButton() {
|
|
const [stars, setStars] = useState(0);
|
|
|
|
useEffect(() => {
|
|
const fetchStars = async () => {
|
|
try {
|
|
const res = await fetch(
|
|
`https://api.github.com/repos/community-scripts/${basePath}`,
|
|
{
|
|
next: { revalidate: 60 * 60 * 24 },
|
|
},
|
|
);
|
|
|
|
if (res.ok) {
|
|
const data = await res.json();
|
|
setStars(data.stargazers_count || stars);
|
|
}
|
|
}
|
|
catch (error) {
|
|
console.error("Error fetching stars:", error);
|
|
}
|
|
};
|
|
fetchStars();
|
|
}, [stars]);
|
|
|
|
return (
|
|
<Link
|
|
className={cn(
|
|
buttonVariants(),
|
|
"hidden h-9 min-w-[240px] gap-2 overflow-hidden whitespace-pre sm:flex lg:flex",
|
|
"group relative justify-center gap-2 rounded-md transition-all duration-300 ease-out hover:ring-2 hover:ring-primary hover:ring-offset-2",
|
|
)}
|
|
target="_blank"
|
|
href={`https://github.com/community-scripts/${basePath}`}
|
|
>
|
|
<span className="absolute right-0 -mt-12 h-32 translate-x-12 rotate-12 bg-white opacity-10 transition-all duration-1000 ease-out group-hover:-translate-x-40" />
|
|
<div className="flex items-center">
|
|
<FaGithub className="size-4" />
|
|
<span className="ml-1">Star on GitHub</span>
|
|
{" "}
|
|
</div>
|
|
<div className="ml-2 flex items-center gap-1 text-sm md:flex">
|
|
<FaStar className="size-4 text-gray-500 transition-all duration-300 group-hover:text-yellow-300" />
|
|
<NumberTicker
|
|
value={stars}
|
|
className="font-display font-medium text-white dark:text-black"
|
|
/>
|
|
</div>
|
|
</Link>
|
|
);
|
|
}
|