Hide mobile bottom bar if Manifold is iframed

web/components/nav/nav-bar.tsx

@@ -16,6 +16,7 @@ import { formatMoney } from 'common/util/format'
 import { Avatar } from '../avatar'
 import clsx from 'clsx'
 import { useRouter } from 'next/router'
+import { useIsIframe } from 'web/hooks/use-is-iframe'
 
 function getNavigation(username: string) {
   return [
@@ -43,6 +44,11 @@ export function BottomNavBar() {
 
   const user = useUser()
 
+  const isIframe = useIsIframe()
+  if (isIframe) {
+    return null
+  }
+
   const navigationOptions =
     user === null
       ? signedOutNavigation