From e40c78e9b968701e66bf8e35216555dda041975d Mon Sep 17 00:00:00 2001
From: Liam <liam@fascinated.cc>
Date: Wed, 8 Nov 2023 08:49:15 +0000
Subject: [PATCH] fix(ssr): remove a tag on button

---
 src/components/Button.tsx | 28 ++++++++++++++--------------
 1 file changed, 14 insertions(+), 14 deletions(-)

diff --git a/src/components/Button.tsx b/src/components/Button.tsx
index dea9afe..70182c8 100644
--- a/src/components/Button.tsx
+++ b/src/components/Button.tsx
@@ -3,38 +3,38 @@ import { Tooltip, TooltipContent, TooltipTrigger } from "./ui/Tooltip";
 
 interface ButtonProps {
   text?: JSX.Element | string;
-  url?: string;
   icon?: JSX.Element;
   color?: string;
   tooltip?: React.ReactNode;
   className?: string;
+  ariaLabel?: string;
   onClick?: () => void;
 }
 
 export default function Button({
   text,
-  url,
   icon,
   color,
   tooltip,
   className,
+  ariaLabel = "Default button label",
   onClick,
 }: ButtonProps) {
   if (!color) color = "bg-blue-500";
 
   const base = (
-    <a href={url} onClick={onClick}>
-      <p
-        className={clsx(
-          "font-md flex w-fit transform-gpu flex-row items-center gap-1 rounded-md p-1 transition-all hover:opacity-80",
-          className,
-          color,
-        )}
-      >
-        {icon}
-        {text}
-      </p>
-    </a>
+    <button
+      className={clsx(
+        "flex items-center justify-center gap-2 rounded-md px-4 py-2",
+        color,
+        className,
+      )}
+      onClick={onClick}
+      aria-label={ariaLabel}
+    >
+      {icon}
+      {text}
+    </button>
   );
 
   if (tooltip) {