Initial commit

components/public/social-links-list.tsx

@@ -0,0 +1,34 @@
+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>
+  );
+}