From 04ada8ad51dc6022240be95f2a46d4b75024300e Mon Sep 17 00:00:00 2001
From: Gabriel Kaszewski <gabrielkaszewski@gmail.com>
Date: Tue, 31 Mar 2026 02:35:58 +0200
Subject: [PATCH] fix: remove unused React import, use Link for internal badge
 hrefs

---
 components/badges.tsx | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/components/badges.tsx b/components/badges.tsx
index caeb10b..0b68fb2 100644
--- a/components/badges.tsx
+++ b/components/badges.tsx
@@ -1,4 +1,4 @@
-import React from "react";
+import Link from "next/link";
 
 interface BadgeProps {
   href?: string;
@@ -17,10 +17,17 @@ function Badge({ href, children, style }: BadgeProps) {
   );
 
   if (href) {
+    if (href.startsWith("http")) {
+      return (
+        <a href={href} target="_blank" rel="noopener noreferrer" className="hover:opacity-80 transition-opacity">
+          {base}
+        </a>
+      );
+    }
     return (
-      <a href={href} target="_blank" rel="noopener noreferrer" className="hover:opacity-80 transition-opacity">
+      <Link href={href} className="hover:opacity-80 transition-opacity">
         {base}
-      </a>
+      </Link>
     );
   }
   return base;