Fix external links detecting on card component

fuma-nama · May 16, 2023 · 03db9a9 · 03db9a9
1 parent 9e00181
commit 03db9a9
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/components/mdx/card.tsx b/components/mdx/card.tsx
@@ -18,11 +18,13 @@ export function Card({
     title: string;
     description: string;
 }) {
+    const external = !href.startsWith("/");
+
     return (
         <Link
             href={href}
-            target="_blank"
-            rel="noreferrer"
+            target={external ? "_blank" : "_self"}
+            rel={external ? "noreferrer" : ""}
             className="rounded-xl p-4 border-[1px] flex flex-col gap-2 hover:border-purple-400"
         >
             <h3 className="text-foreground font-semibold">{title}</h3>