replace button link block with a separate button link tool inside draftail

2026-07-05 00:51:30 +02:00
parent b0698247b6
commit 6f1d531d5d
25 changed files with 620 additions and 219 deletions
@@ -0,0 +1,41 @@
+import Link from "next/link";
+import { Icon } from "@/components/general/Icon";
+
+/**
+ * A link styled as a button. Internal links use next/link with a forward arrow;
+ * external links open in a new tab with an external icon. isExternal is inferred
+ * from the href unless passed explicitly.
+ */
+export const ButtonLink = ({
+  href,
+  isExternal,
+  children,
+}: {
+  href: string;
+  isExternal?: boolean;
+  children: React.ReactNode;
+}) => {
+  const external =
+    isExternal ?? (!href.startsWith("/") && !href.startsWith("#"));
+
+  if (external) {
+    return (
+      <a
+        href={href}
+        className="button"
+        target="_blank"
+        rel="noopener noreferrer"
+      >
+        <span>{children}</span>
+        <Icon type="externalLink" />
+      </a>
+    );
+  }
+
+  return (
+    <Link href={href} className="button">
+      <span>{children}</span>
+      <Icon type="arrowRight" />
+    </Link>
+  );
+};