refactor: Update button styles to use button element instead of div

softstack · May 15, 2024 · 9583615 · 9583615
1 parent eefb3b6
commit 9583615
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/src/components/buttons/ConnectButton.tsx b/src/components/buttons/ConnectButton.tsx
@@ -8,7 +8,7 @@ type Props = {
 
 const ConnectButton: React.FC<Props> = ({ title, icon, callback }) => {
     return (
-        <div
+        <button
             className="flex items-center justify-center bg-customBlueButton active:bg-blue-400 text-white py-3 px-5 rounded-xl border-none text-base font-semibold whitespace-nowrap"
             onClick={callback}
         >
@@ -17,7 +17,7 @@ const ConnectButton: React.FC<Props> = ({ title, icon, callback }) => {
             </div>
 
             <span className="flex-grow text-center -ml-9">{title}</span>
-        </div>
+        </button>
     );
 };
 

diff --git a/src/components/buttons/PrimaryButton.tsx b/src/components/buttons/PrimaryButton.tsx
@@ -14,12 +14,12 @@ const PrimaryButton: React.FC<Props> = ({
     callback,
 }) => {
     return (
-        <div
-            className={`flex items-center justify-center bg-customBlueButton h-12 text-${textColor} py-3 px-5 rounded-lg border-customBlueButton border-1 text-base font-semibold text-center ${className} active:bg-blue-400`}
+        <button
+            className={`flex items-center justify-center bg-customBlueButton w-full h-12 text-${textColor} py-3 px-5 rounded-lg border-customBlueButton border-1 text-base font-semibold text-center ${className} active:bg-blue-400`}
             onClick={callback}
         >
             <span>{title}</span>
-        </div>
+        </button>
     );
 };