From af200e29b5e56a8ef58b08b6e49c4086f0db420c Mon Sep 17 00:00:00 2001
From: Yash <yashnigam1801@gmail.com>
Date: Mon, 29 Jul 2024 22:40:32 +0530
Subject: [PATCH 1/3] login and signup page

---
 src/Components/Signup/Signup.css | 10 +++++++++-
 src/Components/Signup/Signup.jsx | 22 +++++++++++++---------
 2 files changed, 22 insertions(+), 10 deletions(-)

diff --git a/src/Components/Signup/Signup.css b/src/Components/Signup/Signup.css
index 6b17bd2..5e2fe92 100644
--- a/src/Components/Signup/Signup.css
+++ b/src/Components/Signup/Signup.css
@@ -108,4 +108,12 @@ input.valid {
 input.invalid {
   border-color: red;
   /* Red border for invalid inputs */
-}
\ No newline at end of file
+}
+
+
+/*  style for google login button */
+.google-login-wrapper {
+  width: 100%;
+  display: flex; 
+  justify-content: center; 
+}
diff --git a/src/Components/Signup/Signup.jsx b/src/Components/Signup/Signup.jsx
index e15c1fb..1418229 100644
--- a/src/Components/Signup/Signup.jsx
+++ b/src/Components/Signup/Signup.jsx
@@ -100,15 +100,19 @@ const Signup = () => {
         <p>
           Already have an account? <NavLink to="/login">Login</NavLink>
         </p>
-        <GoogleLogin
-          onSuccess={(credentialResponse) => {
-            const credentialDecoded = jwtDecode(credentialResponse.credential);
-            console.log(credentialDecoded);
-          }}
-          onError={() => {
-            console.log("Sign-Up Failed");
-          }}
-        />
+        <div className="google-login-wrapper">
+          <GoogleLogin
+            onSuccess={(credentialResponse) => {
+              const credentialDecoded = jwtDecode(credentialResponse.credential);
+              console.log(credentialDecoded);
+            }}
+            onError={() => {
+              console.log("Sign-Up Failed");
+            }}
+          />
+        </div>
+
+
       </div>
     </div>
   );

From e0a7c58f7065305637ec5a1099a1a80600553962 Mon Sep 17 00:00:00 2001
From: Yash <yashnigam1801@gmail.com>
Date: Tue, 30 Jul 2024 17:50:40 +0530
Subject: [PATCH 2/3] login with google width fixed

---
 src/Components/Login/Login.css |  7 ++++++-
 src/Components/Login/Login.jsx | 14 +++++++++-----
 2 files changed, 15 insertions(+), 6 deletions(-)

diff --git a/src/Components/Login/Login.css b/src/Components/Login/Login.css
index 551acde..a323679 100644
--- a/src/Components/Login/Login.css
+++ b/src/Components/Login/Login.css
@@ -102,4 +102,9 @@ p a:hover {
 .eye:hover {
   color: #007efc;
   cursor: pointer;
-}
\ No newline at end of file
+}
+.google-login-wrapper {
+  width: 100%; 
+  display: flex;
+  justify-content: center;
+}
diff --git a/src/Components/Login/Login.jsx b/src/Components/Login/Login.jsx
index 466ac95..f9c89aa 100644
--- a/src/Components/Login/Login.jsx
+++ b/src/Components/Login/Login.jsx
@@ -63,6 +63,7 @@ const Login = () => {
         <div className="login-container">
           <h2>Login</h2>
           <div className="input">
+            <label>Email</label>
             <input
               type="email"
               placeholder="Email"
@@ -78,7 +79,7 @@ const Login = () => {
               }}
             />
             {warnings.email && <p style={{ color: "red" }} className="warningmsg">{warnings.email}</p>}
-           
+            <label>Password</label>
             <input
               type={ isVisible ? "text" : "password"}
               className="pasword"
@@ -105,10 +106,13 @@ const Login = () => {
           <p>
             Don't have an account? <NavLink to="/signup">Sign up</NavLink>
           </p>
-          <GoogleLogin
-            onSuccess={handleGoogleLoginSuccess}
-            onError={handleGoogleLoginFailure}
-          />
+          <div className="google-login-wrapper">
+            <GoogleLogin
+              onSuccess={handleGoogleLoginSuccess}
+              onError={handleGoogleLoginFailure}
+            />
+          </div>
+
         </div>
       </div>
     </GoogleOAuthProvider>

From 62f6a963a95f673ecb07bb9d34e7eb86ad3b4e65 Mon Sep 17 00:00:00 2001
From: Yash <yashnigam1801@gmail.com>
Date: Tue, 30 Jul 2024 18:28:20 +0530
Subject: [PATCH 3/3] login with google

---
 src/Components/Signup/Signup.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/Components/Signup/Signup.jsx b/src/Components/Signup/Signup.jsx
index 1418229..055bfe9 100644
--- a/src/Components/Signup/Signup.jsx
+++ b/src/Components/Signup/Signup.jsx
@@ -107,7 +107,7 @@ const Signup = () => {
               console.log(credentialDecoded);
             }}
             onError={() => {
-              console.log("Sign-Up Failed");
+              console.log("Sign-Up Failed!");
             }}
           />
         </div>