fix: button cannot be inside a button

autonomys · Nov 6, 2024 · 624b5e0 · 624b5e0
1 parent da5c8b7
commit 624b5e0
Showing 1 changed file with 6 additions and 5 deletions.
diff --git a/frontend/src/components/common/InternalLink.tsx b/frontend/src/components/common/InternalLink.tsx
@@ -1,6 +1,7 @@
 'use client';
 
 import { useRouter } from 'next/navigation';
+import { handleEnterOrSpace } from '../../utils/eventHandler';
 
 export const InternalLink = ({
   children,
@@ -14,13 +15,13 @@ export const InternalLink = ({
   const router = useRouter();
 
   return (
-    <button
-      onClick={() => {
-        router.push(href);
-      }}
+    <span
+      role='button'
+      tabIndex={0}
+      onKeyDown={handleEnterOrSpace(() => router.push(href))}
       className={`contents ${className}`}
     >
       {children}
-    </button>
+    </span>
   );
 };