diff options
-rw-r--r-- | src/view/com/auth/util/HelpTip.tsx | 37 | ||||
-rw-r--r-- | src/view/com/auth/util/TextInput.tsx | 56 |
2 files changed, 0 insertions, 93 deletions
diff --git a/src/view/com/auth/util/HelpTip.tsx b/src/view/com/auth/util/HelpTip.tsx deleted file mode 100644 index 196f30412..000000000 --- a/src/view/com/auth/util/HelpTip.tsx +++ /dev/null @@ -1,37 +0,0 @@ -import {StyleSheet, View} from 'react-native' - -import {useColorSchemeStyle} from '#/lib/hooks/useColorSchemeStyle' -import {InfoCircleIcon} from '#/lib/icons' -import {colors, s} from '#/lib/styles' -import {Text} from '#/view/com/util/text/Text' - -export function HelpTip({text}: {text: string}) { - const bg = useColorSchemeStyle( - {backgroundColor: colors.gray1}, - {backgroundColor: colors.gray8}, - ) - const fg = useColorSchemeStyle({color: colors.gray5}, {color: colors.gray4}) - return ( - <View style={[styles.helptip, bg]}> - <View style={styles.icon}> - <InfoCircleIcon size={18} style={fg} strokeWidth={1.5} /> - </View> - <Text type="xs-medium" style={[fg, s.ml5, s.flex1]}> - {text} - </Text> - </View> - ) -} - -const styles = StyleSheet.create({ - icon: { - width: 18, - }, - helptip: { - flexDirection: 'row', - alignItems: 'flex-start', - borderRadius: 6, - paddingHorizontal: 10, - paddingVertical: 8, - }, -}) diff --git a/src/view/com/auth/util/TextInput.tsx b/src/view/com/auth/util/TextInput.tsx deleted file mode 100644 index 083dda555..000000000 --- a/src/view/com/auth/util/TextInput.tsx +++ /dev/null @@ -1,56 +0,0 @@ -import {ComponentProps} from 'react' -import {StyleSheet, TextInput as RNTextInput, View} from 'react-native' -import {IconProp} from '@fortawesome/fontawesome-svg-core' -import {FontAwesomeIcon} from '@fortawesome/react-native-fontawesome' - -import {usePalette} from '#/lib/hooks/usePalette' -import {useTheme} from '#/lib/ThemeContext' - -interface Props extends Omit<ComponentProps<typeof RNTextInput>, 'onChange'> { - testID?: string - icon: IconProp - onChange: (v: string) => void -} - -export function TextInput({testID, icon, onChange, ...props}: Props) { - const theme = useTheme() - const pal = usePalette('default') - return ( - <View style={[pal.border, styles.container]}> - <FontAwesomeIcon icon={icon} style={[pal.textLight, styles.icon]} /> - <RNTextInput - testID={testID} - style={[pal.text, styles.textInput]} - placeholderTextColor={pal.colors.textLight} - autoCapitalize="none" - autoCorrect={false} - keyboardAppearance={theme.colorScheme} - onChangeText={v => onChange(v)} - {...props} - /> - </View> - ) -} - -const styles = StyleSheet.create({ - container: { - borderWidth: 1, - borderRadius: 6, - flexDirection: 'row', - alignItems: 'center', - paddingHorizontal: 4, - }, - icon: { - marginLeft: 10, - }, - textInput: { - flex: 1, - width: '100%', - paddingVertical: 10, - paddingHorizontal: 10, - fontSize: 17, - letterSpacing: 0.25, - fontWeight: '400', - borderRadius: 10, - }, -}) |