diff options
Diffstat (limited to 'src/view/com/composer/Prompt.tsx')
-rw-r--r-- | src/view/com/composer/Prompt.tsx | 29 |
1 files changed, 15 insertions, 14 deletions
diff --git a/src/view/com/composer/Prompt.tsx b/src/view/com/composer/Prompt.tsx index b163104c5..319d57be3 100644 --- a/src/view/com/composer/Prompt.tsx +++ b/src/view/com/composer/Prompt.tsx @@ -4,6 +4,7 @@ import {colors} from '../../lib/styles' import {useStores} from '../../../state' import {UserAvatar} from '../util/UserAvatar' import {Text} from '../util/text/Text' +import {usePalette} from '../../lib/hooks/usePalette' export function ComposePrompt({ noAvi = false, @@ -16,13 +17,19 @@ export function ComposePrompt({ btn?: string onPressCompose: () => void }) { + const pal = usePalette('default') const store = useStores() const onPressAvatar = () => { store.nav.navigate(`/profile/${store.me.handle}`) } return ( <TouchableOpacity - style={[styles.container, noAvi ? styles.noAviContainer : undefined]} + style={[ + pal.view, + pal.border, + styles.container, + noAvi ? styles.noAviContainer : undefined, + ]} onPress={onPressCompose}> {!noAvi ? ( <TouchableOpacity style={styles.avatar} onPress={onPressAvatar}> @@ -35,10 +42,14 @@ export function ComposePrompt({ </TouchableOpacity> ) : undefined} <View style={styles.textContainer}> - <Text style={styles.text}>{text}</Text> + <Text type="h5" style={[pal.textLight, {fontWeight: 'normal'}]}> + {text} + </Text> </View> - <View style={styles.btn}> - <Text style={styles.btnText}>{btn}</Text> + <View style={[styles.btn, {backgroundColor: pal.colors.backgroundLight}]}> + <Text type="button" style={pal.textLight}> + {btn} + </Text> </View> </TouchableOpacity> ) @@ -50,9 +61,7 @@ const styles = StyleSheet.create({ paddingVertical: 10, flexDirection: 'row', alignItems: 'center', - backgroundColor: colors.white, borderTopWidth: 1, - borderTopColor: colors.gray2, }, noAviContainer: { paddingVertical: 14, @@ -64,17 +73,9 @@ const styles = StyleSheet.create({ marginLeft: 10, flex: 1, }, - text: { - color: colors.gray4, - fontSize: 17, - }, btn: { - backgroundColor: colors.gray1, paddingVertical: 6, paddingHorizontal: 14, borderRadius: 30, }, - btnText: { - color: colors.gray5, - }, }) |