diff options
| author | Paul Frazee <pfrazee@gmail.com> | 2022-11-14 14:24:23 -0600 |
|---|---|---|
| committer | Paul Frazee <pfrazee@gmail.com> | 2022-11-14 14:24:23 -0600 |
| commit | 23fd43e30641104fb0dd3599df2e5753e0ee7814 (patch) | |
| tree | e2a415d144723d21ad837459e0d89d6efaa856c4 /src/view/screens/Profile.tsx | |
| parent | 829fa175d093c70aef81951403469edffe67affc (diff) | |
| download | voidsky-23fd43e30641104fb0dd3599df2e5753e0ee7814.tar.zst | |
Fix empty states for scene members and memberships
Diffstat (limited to 'src/view/screens/Profile.tsx')
| -rw-r--r-- | src/view/screens/Profile.tsx | 41 |
1 files changed, 30 insertions, 11 deletions
diff --git a/src/view/screens/Profile.tsx b/src/view/screens/Profile.tsx index 5dbe29060..ca058722d 100644 --- a/src/view/screens/Profile.tsx +++ b/src/view/screens/Profile.tsx @@ -137,15 +137,8 @@ export const Profile = observer(({visible, params}: ScreenParams) => { if (uiState.profile.isScene) { renderItem = () => ( <View style={styles.emptyContainer}> - <View style={{flexDirection: 'row'}}> - <UserGroupIcon - size="64" - style={{ - marginLeft: 'auto', - marginRight: 'auto', - color: colors.gray3, - }} - /> + <View style={styles.emptyIconContainer}> + <UserGroupIcon size="64" style={styles.emptyIcon} /> </View> <Text style={styles.emptyText}> As members upvote posts, they will trend here. Follow the @@ -171,7 +164,16 @@ export const Profile = observer(({visible, params}: ScreenParams) => { } } else if (uiState.memberships.isEmpty) { items.push(EMPTY_ITEM) - renderItem = () => <Text style={styles.loading}>No scenes yet!</Text> + renderItem = () => ( + <View style={styles.emptyContainer}> + <View style={styles.emptyIconContainer}> + <UserGroupIcon size="64" style={styles.emptyIcon} /> + </View> + <Text style={styles.emptyText}> + This user hasn't joined any scenes. + </Text> + </View> + ) } } else if (uiState.selectedView === Sections.Members) { if (uiState.members.hasContent) { @@ -202,7 +204,16 @@ export const Profile = observer(({visible, params}: ScreenParams) => { } } else if (uiState.members.isEmpty) { items.push(EMPTY_ITEM) - renderItem = () => <Text style={styles.loading}>No members yet!</Text> + renderItem = () => ( + <View style={styles.emptyContainer}> + <View style={styles.emptyIconContainer}> + <UserGroupIcon size="64" style={styles.emptyIcon} /> + </View> + <Text style={styles.emptyText}> + This scene doesn't have any members. + </Text> + </View> + ) } } else { items.push(EMPTY_ITEM) @@ -260,6 +271,14 @@ const styles = StyleSheet.create({ paddingVertical: 20, paddingHorizontal: 36, }, + emptyIconContainer: { + flexDirection: 'row', + }, + emptyIcon: { + marginLeft: 'auto', + marginRight: 'auto', + color: colors.gray3, + }, emptyText: { textAlign: 'center', color: colors.gray5, |