Tweak approach to the viewheader

src/view/com/util/ViewHeader.tsx

@@ -8,6 +8,7 @@ import {useStores} from 'state/index'
 import {usePalette} from 'lib/hooks/usePalette'
 import {useAnimatedValue} from 'lib/hooks/useAnimatedValue'
 import {useAnalytics} from 'lib/analytics'
+import {isDesktopWeb} from '../../../platform/detection'
 
 const BACK_HITSLOP = {left: 10, top: 10, right: 30, bottom: 10}
 
@@ -33,6 +34,9 @@ export const ViewHeader = observer(function ViewHeader({
   if (typeof canGoBack === 'undefined') {
     canGoBack = store.nav.tab.canGoBack
   }
+  if (isDesktopWeb) {
+    return undefined
+  }
   return (
     <Container hideOnScroll={hideOnScroll || false}>
       <TouchableOpacity

src/view/com/util/ViewHeader.web.tsx

@@ -1,9 +0,0 @@
-import {observer} from 'mobx-react-lite'
-
-export const ViewHeader = observer(function ViewHeader(_opts: {
-  title: string
-  canGoBack?: boolean
-}) {
-  // TODO
-  return null
-})