fix(components/navigation/bar): hide hamburger menu on homepage

Rigtch · Nov 17, 2024 · 06fd3d8 · 06fd3d8
1 parent 8ec53a2
commit 06fd3d8
Show file tree

Hide file tree

Showing 2 changed files with 31 additions and 25 deletions.
diff --git a/app/components/navigation/navigation-bar.spec.tsx b/app/components/navigation/navigation-bar.spec.tsx
@@ -4,6 +4,10 @@ import { NavigationBar } from './navigation-bar'
 
 import { QueryClientWrapper } from '@tests/utils'
 
+vi.mock('next/navigation', () => ({
+  usePathname: vi.fn().mockReturnValue('/profile'),
+}))
+
 describe('NavigationBar', () => {
   test('should match snapshot as unauthenticated', () => {
     const view = render(<NavigationBar />, {

diff --git a/app/components/navigation/navigation-bar.tsx b/app/components/navigation/navigation-bar.tsx
@@ -63,33 +63,35 @@ function NavigationBar({ user, userId }: NavigationBar.Props) {
           className="hidden rounded-lg lg:block"
         />
 
-        <div className="h-[28px] w-[28px] lg:hidden">
-          <Sheet
-            open={isSidebarOpen}
-            onOpenChange={isOpen => {
-              setIsSidebarOpen(isOpen)
-            }}
-          >
-            <SheetTrigger
-              onClick={() => {
-                setIsSidebarOpen(true)
+        {pathname.includes('profile') && (
+          <div className="h-[28px] w-[28px] lg:hidden">
+            <Sheet
+              open={isSidebarOpen}
+              onOpenChange={isOpen => {
+                setIsSidebarOpen(isOpen)
               }}
-              className="cursor-pointer"
             >
-              {isSidebarOpen ? (
-                <IoClose size={28} />
-              ) : (
-                <RxHamburgerMenu size={28} />
-              )}
-            </SheetTrigger>
-
-            <SheetContent side="bottom">
-              <div className="min-h-[50vh]">
-                <Sidebar />
-              </div>
-            </SheetContent>
-          </Sheet>
-        </div>
+              <SheetTrigger
+                onClick={() => {
+                  setIsSidebarOpen(true)
+                }}
+                className="cursor-pointer"
+              >
+                {isSidebarOpen ? (
+                  <IoClose size={28} />
+                ) : (
+                  <RxHamburgerMenu size={28} />
+                )}
+              </SheetTrigger>
+
+              <SheetContent side="bottom">
+                <div className="min-h-[50vh]">
+                  <Sidebar />
+                </div>
+              </SheetContent>
+            </Sheet>
+          </div>
+        )}
 
         <h1 className="hidden text-2xl font-semibold md:block md:text-3xl">
           rigtch.fm