diff options
Diffstat (limited to 'src/components/common')
-rw-r--r-- | src/components/common/LoginInput.tsx | 45 |
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, }; |