From a49cfc9f01e142e07bd81528378b179acece0e39 Mon Sep 17 00:00:00 2001
From: Davenludd <david.ludde01@gmail.com>
Date: Fri, 15 Mar 2024 14:30:45 +0100
Subject: [PATCH] Update button styles and add type prop

---
 frontend/src/Components/Button.tsx   | 3 +++
 frontend/src/Components/Register.tsx | 2 +-
 frontend/src/Pages/LoginPage.tsx     | 2 ++
 3 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/frontend/src/Components/Button.tsx b/frontend/src/Components/Button.tsx
index cf6a887..38a1853 100644
--- a/frontend/src/Components/Button.tsx
+++ b/frontend/src/Components/Button.tsx
@@ -1,14 +1,17 @@
 function Button({
   text,
   onClick,
+  type,
 }: {
   text: string;
   onClick: () => void;
+  type: "submit" | "button" | "reset";
 }): JSX.Element {
   return (
     <button
       onClick={onClick}
       className="inline-block py-1 px-8 font-bold bg-orange-500 text-white border-2 border-black rounded-full cursor-pointer mt-5 mb-5 transition-colors duration-10 hover:bg-orange-600 hover:text-gray-300 font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-size: 4vh;"
+      type={type}
     >
       {text}
     </button>
diff --git a/frontend/src/Components/Register.tsx b/frontend/src/Components/Register.tsx
index e8d93c5..c873a0e 100644
--- a/frontend/src/Components/Register.tsx
+++ b/frontend/src/Components/Register.tsx
@@ -66,7 +66,7 @@ export default function Register(): JSX.Element {
           </div>
           <div className="flex items-center justify-between">
             <button
-              className="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline"
+              className="inline-block py-1 px-8 font-bold bg-orange-500 text-white border-2 border-black rounded-full cursor-pointer mt-5 mb-5 transition-colors duration-10 hover:bg-orange-600 hover:text-gray-300 font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-size: 4vh;"
               type="submit"
             >
               Register
diff --git a/frontend/src/Pages/LoginPage.tsx b/frontend/src/Pages/LoginPage.tsx
index b3a1579..fdce1bd 100644
--- a/frontend/src/Pages/LoginPage.tsx
+++ b/frontend/src/Pages/LoginPage.tsx
@@ -67,6 +67,7 @@ function LoginPage(): JSX.Element {
               onClick={(): void => {
                 return;
               }}
+              type="button"
             />
           </Link>
           <Link to="/register">
@@ -75,6 +76,7 @@ function LoginPage(): JSX.Element {
               onClick={(): void => {
                 return;
               }}
+              type="button"
             />
           </Link>
         </div>