about summary refs log tree commit diff
path: root/src/view/com/profile/ProfileHeader.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'src/view/com/profile/ProfileHeader.tsx')
-rw-r--r--src/view/com/profile/ProfileHeader.tsx25
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,