Profile UI tweaks (#1607)

* Use inverted color instead of primary color for press state

* Fix: add missing border to empty state
zio/stable
Paul Frazee 2023-10-04 13:28:07 -07:00 committed by GitHub
parent 9278822088
commit eb7306b165
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 4 additions and 3 deletions

View File

@ -392,8 +392,8 @@ const ProfileHeaderLoaded = observer(function ProfileHeaderLoadedImpl({
{ {
paddingHorizontal: 10, paddingHorizontal: 10,
backgroundColor: showSuggestedFollows backgroundColor: showSuggestedFollows
? colors.blue3 ? pal.colors.text
: pal.viewLight.backgroundColor, : pal.colors.backgroundLight,
}, },
]} ]}
accessibilityRole="button" accessibilityRole="button"

View File

@ -22,7 +22,7 @@ export function EmptyState({
}) { }) {
const pal = usePalette('default') const pal = usePalette('default')
return ( return (
<View testID={testID} style={[styles.container, style]}> <View testID={testID} style={[styles.container, pal.border, style]}>
<View style={styles.iconContainer}> <View style={styles.iconContainer}>
{icon === 'user-group' ? ( {icon === 'user-group' ? (
<UserGroupIcon size="64" style={styles.icon} /> <UserGroupIcon size="64" style={styles.icon} />
@ -50,6 +50,7 @@ const styles = StyleSheet.create({
container: { container: {
paddingVertical: 20, paddingVertical: 20,
paddingHorizontal: 36, paddingHorizontal: 36,
borderTopWidth: 1,
}, },
iconContainer: { iconContainer: {
flexDirection: 'row', flexDirection: 'row',