From f4435a0e6ed4e8dedde554f6adaf32a4ab98d7ed Mon Sep 17 00:00:00 2001
From: Simon <simon.davis.dev@gmail.com>
Date: Tue, 2 Jul 2024 19:02:02 -0400
Subject: [PATCH] Updated views for all password fields

---
 src/App.tsx | 16 ++++++----------
 1 file changed, 6 insertions(+), 10 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index 6015654..690558d 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -41,6 +41,7 @@ import {
 } from "./App-styles";
 import { Spacer } from "./common/Spacer";
 import { Loader } from "./components/Loader";
+import { PasswordField } from "./components";
 
 type extStates =
   | "not-authenticated"
@@ -741,8 +742,7 @@ function App() {
               Confirm Wallet Password
             </CustomLabel>
             <Spacer height="5px" />
-            <CustomInput
-              type="password"
+            <PasswordField
               id="standard-adornment-password"
               value={paymentPassword}
               onChange={(e) => setPaymentPassword(e.target.value)}
@@ -808,8 +808,7 @@ function App() {
             Confirm Wallet Password
           </CustomLabel>
           <Spacer height="5px" />
-          <CustomInput
-            type="password"
+          <PasswordField
             id="standard-adornment-password"
             value={paymentPassword}
             onChange={(e) => setPaymentPassword(e.target.value)}
@@ -1000,8 +999,7 @@ function App() {
                 Confirm Wallet Password
               </CustomLabel>
               <Spacer height="5px" />
-              <CustomInput
-                type="password"
+              <PasswordField
                 id="standard-adornment-password"
                 value={walletToBeDownloadedPassword}
                 onChange={(e) =>
@@ -1073,8 +1071,7 @@ function App() {
                 Wallet Password
               </CustomLabel>
               <Spacer height="5px" />
-              <CustomInput
-                type="password"
+              <PasswordField
                 id="standard-adornment-password"
                 value={walletToBeDownloadedPassword}
                 onChange={(e) =>
@@ -1086,8 +1083,7 @@ function App() {
                 Confirm Wallet Password
               </CustomLabel>
               <Spacer height="5px" />
-              <CustomInput
-                type="password"
+              <PasswordField
                 id="standard-adornment-password"
                 value={walletToBeDownloadedPasswordConfirm}
                 onChange={(e) =>