Fixed differences b/w UserLogin & ClubLogin page ! (#220)

* Fixed the footer bugs ! * Fixed the difference b/w UserLogin & ClubLogin page !
ngoworldcommunity · Jul 14, 2022 · 69ce567 · 69ce567
1 parent 2543188
commit 69ce567
Show file tree

Hide file tree

Showing 2 changed files with 55 additions and 28 deletions.
diff --git a/src/pages/clubs/ClubsLogin.jsx b/src/pages/clubs/ClubsLogin.jsx
@@ -79,7 +79,6 @@ function ClubLogin() {
                 <h2 style={{ letterSpacing: "1px", marginBottom: "20px" }}>Log in</h2>
                 <div className="form-outline mb-4">
 
-
                   <input
                     type="email"
                     className="desktop form-control form-control-lg"
@@ -103,9 +102,9 @@ function ClubLogin() {
                     required
                   />
                 </div>
-                <div className="form-outline mb-4">
-
 
+                <div className="form-outline mb-4">
+
                   <input
                     type="password"
                     className="desktop form-control form-control-lg"
@@ -127,6 +126,8 @@ function ClubLogin() {
                     required
                   />
                 </div>
+
+                {/* RememberMe Tab  */}
                 <div id="rememberMe" className="form-check">
                   <input
                     type="checkbox"
@@ -146,6 +147,7 @@ function ClubLogin() {
                 >
                   Login
                 </button> */}
+                {/* Login Button */}
 
                 <button
                   disabled={credentials.password.length <= 4 || !isEmailValid}
@@ -161,7 +163,7 @@ function ClubLogin() {
                   )}
                 </button>
 
-                <br></br> <br></br>
+                <br></br><br></br>
                 <Anchor
                   para=""
                   details="Forgot password?"

diff --git a/src/pages/user/UserLogin.jsx b/src/pages/user/UserLogin.jsx
@@ -76,57 +76,82 @@ function UserLogin() {
             </div>
 
             <div className="col-md-7 col-lg-5 col-xl-5 offset-xl-1">
-              <form style={{ width: "auto" }} onSubmit={handleSubmit}>
-                <h2 style={{ letterSpacing: "1px" }}>Log in</h2>
+            <form style={{ width: "auto" }} onSubmit={handleSubmit}>
+                <h2 style={{ letterSpacing: "1px", marginBottom: "20px" }}>Log in</h2>
                 <div className="form-outline mb-4">
-                  <label
-                    htmlFor="email"
-                    className=" col-form-label col-form-label-lg"
-                  >
-                    Email address
-                  </label>
 
                   <input
                     type="email"
-                    className="form-control form-control-lg"
-                    id="email"
+                    className="desktop form-control form-control-lg"
+                    id="exampleInputEmail1"
+                    aria-describedby="emailHelp"
+                    placeholder="Enter your email"
+                    name="email"
+                    value={credentials.email}
+                    onChange={handleChange}
+                    required
+                  />
+
+                  <input
+                    type="email"
+                    className="mobile form-control form-control-lg"
+                    id="exampleInputEmail1"
                     aria-describedby="emailHelp"
-                    placeholder="Enter email"
                     name="email"
                     value={credentials.email}
                     onChange={handleChange}
                     required
                   />
                 </div>
+
                 <div className="form-outline mb-4">
-                  <label
-                    htmlFor="password"
-                    className="col-form-label col-form-label-lg"
-                  >
-                    Password
-                  </label>
+
+                  <input
+                    type="password"
+                    className="desktop form-control form-control-lg"
+                    id="exampleInputPassword1"
+                    placeholder="Enter your password"
+                    name="password"
+                    value={credentials.password}
+                    onChange={handleChange}
+                    required
+                  />
 
                   <input
                     type="password"
-                    className="form-control form-control-lg"
-                    id="password"
-                    placeholder="Password"
+                    className="mobile form-control form-control-lg"
+                    id="exampleInputPassword1"
                     name="password"
                     value={credentials.password}
                     onChange={handleChange}
                     required
                   />
                 </div>
+
+                {/* RememberMe Tab  */}
+                <div id="rememberMe" className="form-check">
+                  <input
+                    type="checkbox"
+                    className="form-check-input"
+                    id="exampleCheck1"
+                  />
+                  <label className="form-check-label" htmlFor="exampleCheck1">
+                    Remember me
+                  </label>
+                </div>
                 <br />
+
+                {/* Login Button */}
                 <button
-                  type="submit"
-                  className="btn btn-lg btn-block"
                   disabled={credentials.password.length <= 4 || !isEmailValid}
+                  type="submit"
+                  className="login-btn btn btn-lg btn-block"
                   style={{ backgroundColor: "#89b5f7" }}
                 >
                   Login
                 </button>
-                <br></br> <br></br>
+
+                <br></br><br></br>
                 <Anchor
                   para=""
                   details="Forgot password?"
@@ -136,7 +161,7 @@ function UserLogin() {
                 <Anchor
                   para="Don't have an account? "
                   details="Register here"
-                  link="/user/register"
+                  link="/clubs/register"
                   className="link-info"
                 />
               </form>