83 lines
2.7 KiB
TypeScript
83 lines
2.7 KiB
TypeScript
import { Button } from "@/components/ui/button";
|
|
import { basePath } from "@/config/siteConfig";
|
|
import { Script } from "@/lib/types";
|
|
import { BookOpenText, Code, Globe, RefreshCcw } from "lucide-react";
|
|
import Link from "next/link";
|
|
|
|
const generateInstallSourceUrl = (slug: string) => {
|
|
const baseUrl = `https://raw.githubusercontent.com/community-scripts/${basePath}/main`;
|
|
return `${baseUrl}/install/${slug}-install.sh`;
|
|
};
|
|
|
|
const generateSourceUrl = (slug: string, type: string) => {
|
|
const baseUrl = `https://raw.githubusercontent.com/community-scripts/${basePath}/main`;
|
|
return type === "vm" ? `${baseUrl}/vm/${slug}.sh` : `${baseUrl}/misc/${slug}.sh`;
|
|
return `${baseUrl}/misc/${slug}.sh`;
|
|
};
|
|
|
|
const generateUpdateUrl = (slug: string) => {
|
|
const baseUrl = `https://raw.githubusercontent.com/community-scripts/${basePath}/main`;
|
|
return `${baseUrl}/ct/${slug}.sh`;
|
|
};
|
|
|
|
interface ButtonLinkProps {
|
|
href: string;
|
|
icon: React.ReactNode;
|
|
text: string;
|
|
}
|
|
|
|
const ButtonLink = ({ href, icon, text }: ButtonLinkProps) => (
|
|
<Button variant="secondary" asChild>
|
|
<Link target="_blank" href={href}>
|
|
<span className="flex items-center gap-2">
|
|
{icon}
|
|
{text}
|
|
</span>
|
|
</Link>
|
|
</Button>
|
|
);
|
|
|
|
export default function Buttons({ item }: { item: Script }) {
|
|
const isCtOrDefault = ["ct"].includes(item.type);
|
|
const installSourceUrl = isCtOrDefault ? generateInstallSourceUrl(item.slug) : null;
|
|
const updateSourceUrl = isCtOrDefault ? generateUpdateUrl(item.slug) : null;
|
|
const sourceUrl = !isCtOrDefault ? generateSourceUrl(item.slug, item.type) : null;
|
|
|
|
const buttons = [
|
|
item.website && {
|
|
href: item.website,
|
|
icon: <Globe className="h-4 w-4" />,
|
|
text: "Website",
|
|
},
|
|
item.documentation && {
|
|
href: item.documentation,
|
|
icon: <BookOpenText className="h-4 w-4" />,
|
|
text: "Documentation",
|
|
},
|
|
installSourceUrl && {
|
|
href: installSourceUrl,
|
|
icon: <Code className="h-4 w-4" />,
|
|
text: "Install-Source",
|
|
},
|
|
updateSourceUrl && {
|
|
href: updateSourceUrl,
|
|
icon: <RefreshCcw className="h-4 w-4" />,
|
|
text: "Update-Source",
|
|
},
|
|
sourceUrl && {
|
|
href: sourceUrl,
|
|
icon: <Code className="h-4 w-4" />,
|
|
text: "Source Code",
|
|
},
|
|
].filter(Boolean) as ButtonLinkProps[];
|
|
|
|
return (
|
|
|
|
<div className="flex flex-wrap justify-end gap-2">
|
|
{buttons.map((props, index) => (
|
|
<ButtonLink key={index} {...props} />
|
|
))}
|
|
</div>
|
|
);
|
|
}
|