aboutsummaryrefslogtreecommitdiff
path: root/src/components/common
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/common')
-rw-r--r--src/components/common/LoginInput.tsx45
1 files changed, 34 insertions, 11 deletions
diff --git a/src/components/common/LoginInput.tsx b/src/components/common/LoginInput.tsx
index 55d2e662..dae3241c 100644
--- a/src/components/common/LoginInput.tsx
+++ b/src/components/common/LoginInput.tsx
@@ -6,27 +6,49 @@ const LoginInput = (props: LoginInputProps) => {
return (
<TextInput
accessibilityLabel={
- props.isUsername ? 'Username text entry box' : 'Password text entry box'
+ props.isUsername
+ ? 'Username text entry box'
+ : props.isPassword
+ ? 'Password text entry box'
+ : undefined
}
accessibilityHint={
props.isUsername
? 'Enter your tagg username here'
- : 'Enter your tagg password here'
+ : props.isPassword
+ ? 'Enter your tagg password here'
+ : undefined
}
style={styles.credentials}
placeholder={props.isUsername ? 'Username' : 'Password'}
placeholderTextColor="#FFFFFF"
- autoCompleteType={props.isUsername ? 'username' : 'password'}
- textContentType={props.isUsername ? 'username' : 'password'}
- returnKeyType={props.isUsername ? 'next' : 'go'}
- keyboardType={props.isUsername ? 'ascii-capable' : 'default'}
+ autoCompleteType={
+ props.isUsername ? 'username' : props.isPassword ? 'password' : 'off'
+ }
+ textContentType={
+ props.isUsername ? 'username' : props.isPassword ? 'password' : 'none'
+ }
+ returnKeyType={
+ props.isUsername ? 'next' : props.isPassword ? 'go' : 'default'
+ }
+ keyboardType={
+ props.isUsername
+ ? 'ascii-capable'
+ : props.isPassword
+ ? 'default'
+ : 'default'
+ }
onChangeText={(input) => props.onChangeText(input)}
defaultValue={props.type}
onSubmitEditing={props.onSubmitEditing}
- blurOnSubmit={props.isUsername ? false : undefined}
+ blurOnSubmit={
+ props.isUsername ? false : props.isPassword ? undefined : undefined
+ }
// ref={props.isUsername ? undefined : useRef()}
- secureTextEntry={props.isUsername ? false : true}
- // focus={props.isUsername ? undefined : props.focusPasswordInput}
+ secureTextEntry={
+ props.isUsername ? false : props.isPassword ? true : false
+ }
+ // focus={props.isUsername ? undefined : props.focusPasswordInput}
/>
);
};
@@ -48,10 +70,11 @@ const styles = StyleSheet.create({
LoginInput.propTypes = {
type: PropTypes.string.isRequired,
- isUsername: PropTypes.bool.isRequired,
+ isUsername: PropTypes.bool,
+ isPassword: PropTypes.bool,
onChangeText: PropTypes.func.isRequired,
onSubmitEditing: PropTypes.func,
-// ref: PropTypes.any,
+ // ref: PropTypes.any,
focusPasswordInput: PropTypes.bool,
};