forked from
jollywhoppers.com/witchsky.app
Bluesky app fork with some witchin' additions 💫
delete unused auth components (#8334)
authored by
Samuel Newman
and committed by
GitHub
f1372abe
0f96669f
-93
-37
src/view/com/auth/util/HelpTip.tsx
-37
src/view/com/auth/util/HelpTip.tsx
···
1
-
import {StyleSheet, View} from 'react-native'
2
-
3
-
import {useColorSchemeStyle} from '#/lib/hooks/useColorSchemeStyle'
4
-
import {InfoCircleIcon} from '#/lib/icons'
5
-
import {colors, s} from '#/lib/styles'
6
-
import {Text} from '#/view/com/util/text/Text'
7
-
8
-
export function HelpTip({text}: {text: string}) {
9
-
const bg = useColorSchemeStyle(
10
-
{backgroundColor: colors.gray1},
11
-
{backgroundColor: colors.gray8},
12
-
)
13
-
const fg = useColorSchemeStyle({color: colors.gray5}, {color: colors.gray4})
14
-
return (
15
-
<View style={[styles.helptip, bg]}>
16
-
<View style={styles.icon}>
17
-
<InfoCircleIcon size={18} style={fg} strokeWidth={1.5} />
18
-
</View>
19
-
<Text type="xs-medium" style={[fg, s.ml5, s.flex1]}>
20
-
{text}
21
-
</Text>
22
-
</View>
23
-
)
24
-
}
25
-
26
-
const styles = StyleSheet.create({
27
-
icon: {
28
-
width: 18,
29
-
},
30
-
helptip: {
31
-
flexDirection: 'row',
32
-
alignItems: 'flex-start',
33
-
borderRadius: 6,
34
-
paddingHorizontal: 10,
35
-
paddingVertical: 8,
36
-
},
37
-
})
-56
src/view/com/auth/util/TextInput.tsx
-56
src/view/com/auth/util/TextInput.tsx
···
1
-
import {ComponentProps} from 'react'
2
-
import {StyleSheet, TextInput as RNTextInput, View} from 'react-native'
3
-
import {IconProp} from '@fortawesome/fontawesome-svg-core'
4
-
import {FontAwesomeIcon} from '@fortawesome/react-native-fontawesome'
5
-
6
-
import {usePalette} from '#/lib/hooks/usePalette'
7
-
import {useTheme} from '#/lib/ThemeContext'
8
-
9
-
interface Props extends Omit<ComponentProps<typeof RNTextInput>, 'onChange'> {
10
-
testID?: string
11
-
icon: IconProp
12
-
onChange: (v: string) => void
13
-
}
14
-
15
-
export function TextInput({testID, icon, onChange, ...props}: Props) {
16
-
const theme = useTheme()
17
-
const pal = usePalette('default')
18
-
return (
19
-
<View style={[pal.border, styles.container]}>
20
-
<FontAwesomeIcon icon={icon} style={[pal.textLight, styles.icon]} />
21
-
<RNTextInput
22
-
testID={testID}
23
-
style={[pal.text, styles.textInput]}
24
-
placeholderTextColor={pal.colors.textLight}
25
-
autoCapitalize="none"
26
-
autoCorrect={false}
27
-
keyboardAppearance={theme.colorScheme}
28
-
onChangeText={v => onChange(v)}
29
-
{...props}
30
-
/>
31
-
</View>
32
-
)
33
-
}
34
-
35
-
const styles = StyleSheet.create({
36
-
container: {
37
-
borderWidth: 1,
38
-
borderRadius: 6,
39
-
flexDirection: 'row',
40
-
alignItems: 'center',
41
-
paddingHorizontal: 4,
42
-
},
43
-
icon: {
44
-
marginLeft: 10,
45
-
},
46
-
textInput: {
47
-
flex: 1,
48
-
width: '100%',
49
-
paddingVertical: 10,
50
-
paddingHorizontal: 10,
51
-
fontSize: 17,
52
-
letterSpacing: 0.25,
53
-
fontWeight: '400',
54
-
borderRadius: 10,
55
-
},
56
-
})