35 lines
883 B
TypeScript
35 lines
883 B
TypeScript
import { buttonStyles } from "@/components/ui/button";
|
|
import { SocialLink } from "@prisma/client";
|
|
|
|
type PublicSocialLink = Pick<SocialLink, "id" | "label" | "url">;
|
|
|
|
type SocialLinksListProps = {
|
|
links: PublicSocialLink[];
|
|
};
|
|
|
|
export function SocialLinksList({ links }: SocialLinksListProps) {
|
|
if (links.length === 0) {
|
|
return null;
|
|
}
|
|
|
|
return (
|
|
<section className="terminal-section space-y-3">
|
|
<h2 className="terminal-heading">Social / Contact</h2>
|
|
<ul className="space-y-3">
|
|
{links.map((link) => (
|
|
<li key={link.id}>
|
|
<a
|
|
href={link.url}
|
|
target="_blank"
|
|
rel="noreferrer"
|
|
className={buttonStyles({ variant: "secondary", className: "bg-panel/45" })}
|
|
>
|
|
{link.label}
|
|
</a>
|
|
</li>
|
|
))}
|
|
</ul>
|
|
</section>
|
|
);
|
|
}
|