diff --git a/app/login.tsx b/app/login.tsx index d64516b6..a236b8b3 100644 --- a/app/login.tsx +++ b/app/login.tsx @@ -52,6 +52,7 @@ const Login: React.FC = () => { username: _username, password: _password, }); + const [showPassword, setShowPassword] = useState(false); /** * A way to auto login based on a link @@ -275,21 +276,33 @@ const Login: React.FC = () => { /> {/* Password */} - - setCredentials({ ...credentials, password: text }) - } - value={credentials.password} - secureTextEntry - keyboardType='default' - returnKeyType='done' - autoCapitalize='none' - textContentType='password' - clearButtonMode='while-editing' - maxLength={500} - extraClassName='mb-4' - /> + + + setCredentials({ ...credentials, password: text }) + } + value={credentials.password} + secureTextEntry={!showPassword} + keyboardType='default' + returnKeyType='done' + autoCapitalize='none' + textContentType='password' + clearButtonMode='while-editing' + maxLength={500} + className='pr-12' + /> + setShowPassword(!showPassword)} + className='absolute right-3 top-3.5 p-1' + > + + + @@ -404,20 +417,33 @@ const Login: React.FC = () => { maxLength={500} /> - - setCredentials({ ...credentials, password: text }) - } - value={credentials.password} - secureTextEntry - keyboardType='default' - returnKeyType='done' - autoCapitalize='none' - textContentType='password' - clearButtonMode='while-editing' - maxLength={500} - /> + + + setCredentials({ ...credentials, password: text }) + } + value={credentials.password} + secureTextEntry={!showPassword} + keyboardType='default' + returnKeyType='done' + autoCapitalize='none' + textContentType='password' + clearButtonMode='while-editing' + maxLength={500} + className='pr-12' + /> + setShowPassword(!showPassword)} + className='absolute right-3 top-3.5 p-1' + > + + +