From 431d47faa4c59028a91479fd07611cf49ab2ed1b Mon Sep 17 00:00:00 2001
From: MohitGoyal09 <goel0632@gmail.com>
Date: Tue, 8 Oct 2024 17:10:52 +0530
Subject: [PATCH] Fixed the ui of misplacement of showpassword icon

---
 frontend/src/components/Login/Login.js   |  9 ---------
 frontend/src/components/Signup/Signup.js | 23 +----------------------
 2 files changed, 1 insertion(+), 31 deletions(-)

diff --git a/frontend/src/components/Login/Login.js b/frontend/src/components/Login/Login.js
index 61b58ba..47284f6 100644
--- a/frontend/src/components/Login/Login.js
+++ b/frontend/src/components/Login/Login.js
@@ -57,15 +57,6 @@ function Login() {
                     onChange={(e) => setPassword(e.target.value)}
                     required
                   />
-                  <button
-                    type="button"
-                    onClick={() => setShowPassword(!showPassword)}
-                    style={{ backgroundColor: '#fff', position: 'relative', bottom: '30px', left: '550px', height: '1px' }}
-                  >
-                    <span style={{ color: "black", position: 'relative', bottom: '10px' }} className="material-symbols-outlined">
-                      {showPassword ? 'visibility_off' : 'visibility'}
-                    </span>
-                  </button>
                 </div>
                 <button type="submit" className="btn btn-primary w-100" disabled={loading}>
                   {loading ? 'Logging in...' : 'Login'}
diff --git a/frontend/src/components/Signup/Signup.js b/frontend/src/components/Signup/Signup.js
index e48c47c..c1fa0b9 100644
--- a/frontend/src/components/Signup/Signup.js
+++ b/frontend/src/components/Signup/Signup.js
@@ -95,17 +95,7 @@ function Signup() {
                     onChange={(e) => setPassword(e.target.value)}
                     required
                   />
-                  <button onClick={handlePasswordVisibility} style={{
-                    backgroundColor: '#fff',
-                    position: 'relative',
-                    bottom: '30px',
-                    left: '550px',
-                    height: '1px'
-                  }}>
-                    <span style={{ color: "black", position: 'relative', bottom: '10px' }} className="material-symbols-outlined">
-                      {showPassword ? 'visibility_off' : 'visibility'}
-                    </span>
-                  </button>
+                  
                 </div>
                 <div className="mb-3">
                   <label htmlFor="confirmPassword" className="form-label">Confirm Password:</label>
@@ -118,17 +108,6 @@ function Signup() {
                     onChange={(e) => setConfirmPassword(e.target.value)}
                     required
                   />
-                  <button onClick={handleConfirmPasswordVisibility} style={{
-                    backgroundColor: '#fff',
-                    position: 'relative',
-                    bottom: '30px',
-                    left: '550px',
-                    height: '1px'
-                  }}>
-                    <span style={{ color: "black", position: 'relative', bottom: '10px' }} className="material-symbols-outlined">
-                      {showConfirmPassword ? 'visibility_off' : 'visibility'}
-                    </span>
-                  </button>
                 </div>
                 <button type="submit" className="btn btn-primary w-100" disabled={loading}>
                   {loading ? 'Signing up...' : 'Sign Up'}