about summary refs log tree commit diff
path: root/src/view/com/util/ViewHeader.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'src/view/com/util/ViewHeader.tsx')
-rw-r--r--src/view/com/util/ViewHeader.tsx26
1 files changed, 14 insertions, 12 deletions
diff --git a/src/view/com/util/ViewHeader.tsx b/src/view/com/util/ViewHeader.tsx
index 12aa86a4f..2f0e50431 100644
--- a/src/view/com/util/ViewHeader.tsx
+++ b/src/view/com/util/ViewHeader.tsx
@@ -28,6 +28,9 @@ export const ViewHeader = observer(function ViewHeader({
   const onPressBack = () => {
     store.nav.tab.goBack()
   }
+  const onPressMenu = () => {
+    store.shell.setMainMenuOpen(true)
+  }
   const onPressCompose = () => {
     store.shell.openComposer({onPost})
   }
@@ -40,21 +43,20 @@ export const ViewHeader = observer(function ViewHeader({
       console.log(e)
     })
   }
+  const canGoBack = store.nav.tab.canGoBack
   return (
     <>
       <View style={styles.header}>
-        {store.nav.tab.canGoBack ? (
-          <TouchableOpacity
-            onPress={onPressBack}
-            hitSlop={BACK_HITSLOP}
-            style={styles.backIcon}>
-            <FontAwesomeIcon
-              size={18}
-              icon="angle-left"
-              style={{marginTop: 6}}
-            />
-          </TouchableOpacity>
-        ) : undefined}
+        <TouchableOpacity
+          onPress={canGoBack ? onPressBack : onPressMenu}
+          hitSlop={BACK_HITSLOP}
+          style={styles.backIcon}>
+          <FontAwesomeIcon
+            size={18}
+            icon={canGoBack ? 'angle-left' : 'bars'}
+            style={{marginTop: 6}}
+          />
+        </TouchableOpacity>
         <View style={styles.titleContainer} pointerEvents="none">
           <Text style={styles.title}>{title}</Text>
           {subtitle ? (