Added validationWarnings to LoginInput component

1 files changed, 4 insertions, 10 deletions

diff --git a/src/screens/Login.tsx b/src/screens/Login.tsx
index 618507d8..77bc1b61 100644
--- a/src/screens/Login.tsx
+++ b/src/screens/Login.tsx
@@ -117,24 +117,18 @@ const Login = ({navigation}: LoginProps) => {
             isUsername={true}
             onChangeText={(user) => handleUsernameUpdate(user)}
             onSubmitEditing={() => handleUsernameSubmit()}
+            isValid={data.isValidUser}
+            validationWarning={'Username must be at least 6 characters long.'}
           />
-          {data.isValidUser ? null : (
-            <Text style={styles.invalidCredentials}>
-              Username must be at least 6 characters long.
-            </Text>
-          )}
           <LoginInput
             type={data.password}
             isPassword={true}
             onChangeText={(user) => handlePasswordUpdate(user)}
             focusPasswordInput={data.focusPasswordInput}
             onSubmitEditing={() => handleLogin()}
+            isValid={data.isValidPassword}
+            validationWarning={'Password must be at least 8 characters long.'}
           />
-          {data.isValidPassword ? null : (
-            <Text style={styles.invalidCredentials}>
-              Password must be at least 8 characters long.
-            </Text>
-          )}
           <TouchableOpacity
             accessibilityLabel="Forgot password button"
             accessibilityHint="Select this if you forgot your tagg password"