From 75456df3eb35252a3b464a3318d7fdc11a5db468 Mon Sep 17 00:00:00 2001
From: amir-kedis <amir.kedis@gmail.com>
Date: Sat, 23 Dec 2023 16:27:19 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=85=20fix:=20login=20and=20signup=20st?=
 =?UTF-8?q?yling?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 client/src/assets/styles/components/Button.scss  | 11 +++++++++++
 .../src/components/landingpage/LandingPage.jsx   |  2 --
 client/src/components/login/logIn.jsx            |  5 ++++-
 client/src/components/login/logIn.scss           | 14 --------------
 client/src/components/signup/signUp.jsx          |  3 ++-
 client/src/components/signup/signUp.scss         | 16 ----------------
 6 files changed, 17 insertions(+), 34 deletions(-)

diff --git a/client/src/assets/styles/components/Button.scss b/client/src/assets/styles/components/Button.scss
index 214befba..e42aef2e 100644
--- a/client/src/assets/styles/components/Button.scss
+++ b/client/src/assets/styles/components/Button.scss
@@ -21,5 +21,16 @@
     color: var(--grey-50);
   }
 
+  &--medium {
+    a {
+    font-size: 1rem;
+    }
+  }
+
+  &--success {
+    background-color: var(--green-400);
+    color: var(--grey-900);
+  }
+
   // TODO: Add more button styles and maybe sizes
 }
diff --git a/client/src/components/landingpage/LandingPage.jsx b/client/src/components/landingpage/LandingPage.jsx
index 3fadbe40..932415f7 100644
--- a/client/src/components/landingpage/LandingPage.jsx
+++ b/client/src/components/landingpage/LandingPage.jsx
@@ -1,6 +1,4 @@
-import Nav from "../common/nav";
 import Button from "../common/Button";
-import Footer from "../common/Footer";
 
 import FancyBlobs from "./FancyBlobs";
 
diff --git a/client/src/components/login/logIn.jsx b/client/src/components/login/logIn.jsx
index c1e86141..d2aec56b 100644
--- a/client/src/components/login/logIn.jsx
+++ b/client/src/components/login/logIn.jsx
@@ -1,3 +1,4 @@
+import Button from "../common/Button";
 import "./logIn.scss";
 
 export default function LogIn() {
@@ -14,7 +15,9 @@ export default function LogIn() {
             الرمز السري
             <input type="password" />
           </label>
-          <button>تسجيل الدخول</button>
+          <Button className="Button--medium Button--success" linkTo="/signUp">
+            تسجيل الدخول
+          </Button>
         </div>
         <div className="small no-account">ليس لديك حساب؟</div>
       </div>
diff --git a/client/src/components/login/logIn.scss b/client/src/components/login/logIn.scss
index f3aec337..03497c7c 100644
--- a/client/src/components/login/logIn.scss
+++ b/client/src/components/login/logIn.scss
@@ -47,18 +47,4 @@
     color: var(--Teal-500);
     margin-bottom: 1rem;
   }
-
-  button {
-    //color: var(--text-color);
-    background: var(--green-700);
-    border: 0px solid;
-    border-radius: 0.3125rem;
-    display: flex;
-    width: 7.25rem;
-    height: 1.875rem;
-    padding: 0.8125rem 0.625rem;
-    justify-content: center;
-    align-items: center;
-    gap: 1.25rem;
-  }
 }
diff --git a/client/src/components/signup/signUp.jsx b/client/src/components/signup/signUp.jsx
index c46d6ce1..c6829821 100644
--- a/client/src/components/signup/signUp.jsx
+++ b/client/src/components/signup/signUp.jsx
@@ -1,3 +1,4 @@
+import Button from "../common/Button";
 import "./signUp.scss";
 
 export default function SignUp() {
@@ -56,7 +57,7 @@ export default function SignUp() {
               </div>
             </label>
           </div>
-          <button>تسجيل</button>
+          <Button className="Button--success Button-medium">تسجيل</Button>
         </div>
       </div>
     </div>
diff --git a/client/src/components/signup/signUp.scss b/client/src/components/signup/signUp.scss
index 6d31e5fc..cfbf045c 100644
--- a/client/src/components/signup/signUp.scss
+++ b/client/src/components/signup/signUp.scss
@@ -1,8 +1,6 @@
 .signUp {
   .hero {
     display: flex;
-    width: 22.5rem;
-    height: 93.375rem;
     flex-direction: column;
     align-items: center;
     margin: auto;
@@ -72,18 +70,4 @@
       }
     }
   }
-
-  button {
-    //color: $text-color;
-    background: var(--Primary-900);
-    border: 0px solid;
-    border-radius: 0.3125rem;
-    display: flex;
-    width: 12.5rem;
-    height: 3.125rem;
-    padding: 0.8125rem 0.6875rem 0.8125rem 0.625rem;
-    justify-content: center;
-    align-items: center;
-    gap: 2.5rem;
-  }
 }