fix: hide mobile nav trigger

bitcashorg · Apr 15, 2024 · f3907fa · f3907fa
1 parent 9832646
commit f3907fa
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 7 deletions.
diff --git a/apps/webapp/components/layout/header.tsx b/apps/webapp/components/layout/header.tsx
@@ -12,7 +12,7 @@ export function Header() {
   return (
     <div className="sticky top-0 z-50 flex h-16 bg-background md:p-10">
       <div className="container flex items-center justify-between bg-background">
-        <div className="flex h-full items-center">
+        <div className="flex items-center h-full">
           <Link shallow href="/">
             <IconBitlauncher />
           </Link>
@@ -21,7 +21,7 @@ export function Header() {
           </div>
         </div>
         <div className="flex">
-          <div className="hidden items-center gap-8 md:flex">
+          <div className="items-center hidden gap-8 md:flex">
             <Link
               href="https://discord.gg/a4gwhT9G"
               target="_blank"
@@ -42,8 +42,10 @@ export function Header() {
               <ConnectWalletButtons />
             </Suspense>
           </div>
-          <div className="flex ">
-            <MobileNav />
+          <div className="flex md:hidden">
+            <Suspense fallback={<div className="flex">Mobile nav</div>}>
+              <MobileNav />
+            </Suspense>
           </div>
         </div>
       </div>

diff --git a/apps/webapp/components/layout/nav-links.tsx b/apps/webapp/components/layout/nav-links.tsx
@@ -1,13 +1,12 @@
 'use client'
+
 import Link from 'next/link'
 import { useSession } from '@/hooks/use-session'
 
 import { useConnectModal } from '@rainbow-me/rainbowkit'
-import { useRouter } from 'next/router'
 
 export function NavLinks({ mobile = false }: { mobile?: boolean }) {
   const { session, loginUri, newSessionId } = useSession()
-  const router = useRouter()
   const { openConnectModal } = useConnectModal()
 
   const login = () => {
@@ -23,7 +22,7 @@ export function NavLinks({ mobile = false }: { mobile?: boolean }) {
     console.log('💥 callbackUrl', callbackUrl)
     const encodedCallbackUrl = encodeURIComponent(callbackUrl)
     params.append('callback', encodedCallbackUrl)
-    router.push(`https://app.bitcash.org/login?${params.toString()}`)
+    location.href = `https://app.bitcash.org/login?${params.toString()}`
   }
 
   const links = [