Fix darkmode placeholder text in composer (#406)
* Remove old comment * Fix darkmode placeholder text in composer (close #401)zio/stable
Paul Frazee
GitHub
parent
b7648cfe73
commit
1fa9402453
|
|
@ -144,148 +144,3 @@ const styles = StyleSheet.create({
|
||||||
justifyContent: 'center',
|
justifyContent: 'center',
|
||||||
},
|
},
|
||||||
})
|
})
|
||||||
|
|
||||||
/*
|
|
||||||
|
|
||||||
<View style={[pal.borderDark, styles.group]}>
|
|
||||||
{serviceDescription?.inviteCodeRequired ? (
|
|
||||||
<View
|
|
||||||
style={[pal.border, styles.groupContent, styles.noTopBorder]}>
|
|
||||||
<FontAwesomeIcon
|
|
||||||
icon="ticket"
|
|
||||||
style={[pal.textLight, styles.groupContentIcon]}
|
|
||||||
/>
|
|
||||||
<TextInput
|
|
||||||
style={[pal.text, styles.textInput]}
|
|
||||||
placeholder="Invite code"
|
|
||||||
placeholderTextColor={pal.colors.textLight}
|
|
||||||
autoCapitalize="none"
|
|
||||||
autoCorrect={false}
|
|
||||||
autoFocus
|
|
||||||
keyboardAppearance={theme.colorScheme}
|
|
||||||
value={inviteCode}
|
|
||||||
onChangeText={setInviteCode}
|
|
||||||
onBlur={onBlurInviteCode}
|
|
||||||
editable={!isProcessing}
|
|
||||||
/>
|
|
||||||
</View>
|
|
||||||
) : undefined}
|
|
||||||
<View style={[pal.border, styles.groupContent]}>
|
|
||||||
<FontAwesomeIcon
|
|
||||||
icon="envelope"
|
|
||||||
style={[pal.textLight, styles.groupContentIcon]}
|
|
||||||
/>
|
|
||||||
<TextInput
|
|
||||||
testID="registerEmailInput"
|
|
||||||
style={[pal.text, styles.textInput]}
|
|
||||||
placeholder="Email address"
|
|
||||||
placeholderTextColor={pal.colors.textLight}
|
|
||||||
autoCapitalize="none"
|
|
||||||
autoCorrect={false}
|
|
||||||
value={email}
|
|
||||||
onChangeText={setEmail}
|
|
||||||
editable={!isProcessing}
|
|
||||||
/>
|
|
||||||
</View>
|
|
||||||
<View style={[pal.border, styles.groupContent]}>
|
|
||||||
<FontAwesomeIcon
|
|
||||||
icon="lock"
|
|
||||||
style={[pal.textLight, styles.groupContentIcon]}
|
|
||||||
/>
|
|
||||||
<TextInput
|
|
||||||
testID="registerPasswordInput"
|
|
||||||
style={[pal.text, styles.textInput]}
|
|
||||||
placeholder="Choose your password"
|
|
||||||
placeholderTextColor={pal.colors.textLight}
|
|
||||||
autoCapitalize="none"
|
|
||||||
autoCorrect={false}
|
|
||||||
secureTextEntry
|
|
||||||
value={password}
|
|
||||||
onChangeText={setPassword}
|
|
||||||
editable={!isProcessing}
|
|
||||||
/>
|
|
||||||
</View>
|
|
||||||
</View>
|
|
||||||
</>
|
|
||||||
) : undefined}
|
|
||||||
{serviceDescription ? (
|
|
||||||
<>
|
|
||||||
<View style={styles.groupLabel}>
|
|
||||||
<Text type="sm-bold" style={pal.text}>
|
|
||||||
Choose your username
|
|
||||||
</Text>
|
|
||||||
</View>
|
|
||||||
<View style={[pal.border, styles.group]}>
|
|
||||||
<View
|
|
||||||
style={[pal.border, styles.groupContent, styles.noTopBorder]}>
|
|
||||||
<FontAwesomeIcon
|
|
||||||
icon="at"
|
|
||||||
style={[pal.textLight, styles.groupContentIcon]}
|
|
||||||
/>
|
|
||||||
<TextInput
|
|
||||||
testID="registerHandleInput"
|
|
||||||
style={[pal.text, styles.textInput]}
|
|
||||||
placeholder="eg alice"
|
|
||||||
placeholderTextColor={pal.colors.textLight}
|
|
||||||
autoCapitalize="none"
|
|
||||||
value={handle}
|
|
||||||
onChangeText={v => setHandle(makeValidHandle(v))}
|
|
||||||
editable={!isProcessing}
|
|
||||||
/>
|
|
||||||
</View>
|
|
||||||
{serviceDescription.availableUserDomains.length > 1 && (
|
|
||||||
<View style={[pal.border, styles.groupContent]}>
|
|
||||||
<FontAwesomeIcon
|
|
||||||
icon="globe"
|
|
||||||
style={styles.groupContentIcon}
|
|
||||||
/>
|
|
||||||
<Picker
|
|
||||||
style={[pal.text, styles.picker]}
|
|
||||||
labelStyle={styles.pickerLabel}
|
|
||||||
iconStyle={pal.textLight as FontAwesomeIconStyle}
|
|
||||||
value={userDomain}
|
|
||||||
items={serviceDescription.availableUserDomains.map(d => ({
|
|
||||||
label: `.${d}`,
|
|
||||||
value: d,
|
|
||||||
}))}
|
|
||||||
onChange={itemValue => setUserDomain(itemValue)}
|
|
||||||
enabled={!isProcessing}
|
|
||||||
/>
|
|
||||||
</View>
|
|
||||||
)}
|
|
||||||
<View style={[pal.border, styles.groupContent]}>
|
|
||||||
<Text style={[pal.textLight, s.p10]}>
|
|
||||||
Your full username will be{' '}
|
|
||||||
<Text type="md-bold" style={pal.textLight}>
|
|
||||||
@{createFullHandle(handle, userDomain)}
|
|
||||||
</Text>
|
|
||||||
</Text>
|
|
||||||
</View>
|
|
||||||
</View>
|
|
||||||
<View style={styles.groupLabel}>
|
|
||||||
<Text type="sm-bold" style={pal.text}>
|
|
||||||
Legal
|
|
||||||
</Text>
|
|
||||||
</View>
|
|
||||||
<View style={[pal.border, styles.group]}>
|
|
||||||
<View
|
|
||||||
style={[pal.border, styles.groupContent, styles.noTopBorder]}>
|
|
||||||
<TouchableOpacity
|
|
||||||
testID="registerIs13Input"
|
|
||||||
style={styles.textBtn}
|
|
||||||
onPress={() => setIs13(!is13)}>
|
|
||||||
<View
|
|
||||||
style={[
|
|
||||||
pal.border,
|
|
||||||
is13 ? styles.checkboxFilled : styles.checkbox,
|
|
||||||
]}>
|
|
||||||
{is13 && (
|
|
||||||
<FontAwesomeIcon icon="check" style={s.blue3} size={14} />
|
|
||||||
)}
|
|
||||||
</View>
|
|
||||||
<Text style={[pal.text, styles.textBtnLabel]}>
|
|
||||||
I am 13 years old or older
|
|
||||||
</Text>
|
|
||||||
</TouchableOpacity>
|
|
||||||
</View>
|
|
||||||
</View>*/
|
|
||||||
|
|
|
||||||
|
|
@ -201,6 +201,7 @@ export const TextInput = React.forwardRef(
|
||||||
onPaste={onPaste}
|
onPaste={onPaste}
|
||||||
onSelectionChange={onSelectionChange}
|
onSelectionChange={onSelectionChange}
|
||||||
placeholder={placeholder}
|
placeholder={placeholder}
|
||||||
|
placeholderTextColor={pal.colors.textLight}
|
||||||
keyboardAppearance={theme.colorScheme}
|
keyboardAppearance={theme.colorScheme}
|
||||||
multiline
|
multiline
|
||||||
style={[pal.text, styles.textInput, styles.textInputFormatting]}>
|
style={[pal.text, styles.textInput, styles.textInputFormatting]}>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue