diff options
Diffstat (limited to 'src/view/com/profile/ProfileHeader.tsx')
-rw-r--r-- | src/view/com/profile/ProfileHeader.tsx | 25 |
1 files changed, 25 insertions, 0 deletions
diff --git a/src/view/com/profile/ProfileHeader.tsx b/src/view/com/profile/ProfileHeader.tsx index 6778663a3..6445e4a92 100644 --- a/src/view/com/profile/ProfileHeader.tsx +++ b/src/view/com/profile/ProfileHeader.tsx @@ -27,6 +27,9 @@ export const ProfileHeader = observer(function ProfileHeader({ }) { const store = useStores() + const onPressBack = () => { + store.nav.tab.goBack() + } const onPressToggleFollow = () => { view?.toggleFollowing().then( () => { @@ -82,6 +85,15 @@ export const ProfileHeader = observer(function ProfileHeader({ return ( <View style={styles.outer}> <Image style={styles.banner} source={BANNER} /> + {store.nav.tab.canGoBack ? ( + <TouchableOpacity style={styles.backButton} onPress={onPressBack}> + <FontAwesomeIcon + size={14} + icon="angle-left" + style={styles.backIcon} + /> + </TouchableOpacity> + ) : undefined} <View style={styles.avi}> <UserAvatar size={80} displayName={view.displayName} name={view.name} /> </View> @@ -177,6 +189,19 @@ const styles = StyleSheet.create({ width: '100%', height: 120, }, + backButton: { + position: 'absolute', + top: 6, + left: 8, + backgroundColor: '#000a', + padding: 6, + borderRadius: 30, + }, + backIcon: { + width: 14, + height: 14, + color: colors.white, + }, avi: { position: 'absolute', top: 80, |