From 4f08867fd775c5409c9dd4d4124cdb4854f2c467 Mon Sep 17 00:00:00 2001
From: jeffvli <jeffvictorli@gmail.com>
Date: Sat, 18 Jul 2026 21:51:46 -0700
Subject: [PATCH] hide mobile drawer auth shell

---
 .../layouts/mobile-layout/mobile-layout.tsx   | 58 ++++++++++---------
 1 file changed, 31 insertions(+), 27 deletions(-)

diff --git a/src/renderer/layouts/mobile-layout/mobile-layout.tsx b/src/renderer/layouts/mobile-layout/mobile-layout.tsx
index 39d39db29..923a60e81 100644
--- a/src/renderer/layouts/mobile-layout/mobile-layout.tsx
+++ b/src/renderer/layouts/mobile-layout/mobile-layout.tsx
@@ -40,14 +40,16 @@ export const MobileLayout = ({ shell }: MobileLayoutProps) => {
                 id="mobile-layout"
             >
                 {!shell && <WindowBar />}
-                <ActionIcon
-                    className={styles.drawerButton}
-                    icon="menu"
-                    onClick={openSidebar}
-                    size="lg"
-                    tooltip={{ label: 'Menu' }}
-                    variant="subtle"
-                />
+                {!shell && (
+                    <ActionIcon
+                        className={styles.drawerButton}
+                        icon="menu"
+                        onClick={openSidebar}
+                        size="lg"
+                        tooltip={{ label: 'Menu' }}
+                        variant="subtle"
+                    />
+                )}
                 <main className={styles.mainContent}>
                     <Suspense fallback={<Spinner container />}>
                         <Outlet />
@@ -55,25 +57,27 @@ export const MobileLayout = ({ shell }: MobileLayoutProps) => {
                 </main>
                 <PlayerBar />
             </div>
-            <Drawer
-                onClose={closeSidebar}
-                opened={sidebarOpened}
-                position="left"
-                size="320px"
-                styles={{
-                    body: {
-                        height: '100%',
-                        padding: 0,
-                    },
-                    content: {
-                        height: '100%',
-                        width: '100%',
-                    },
-                }}
-                withCloseButton={false}
-            >
-                <MobileSidebar />
-            </Drawer>
+            {!shell && (
+                <Drawer
+                    onClose={closeSidebar}
+                    opened={sidebarOpened}
+                    position="left"
+                    size="320px"
+                    styles={{
+                        body: {
+                            height: '100%',
+                            padding: 0,
+                        },
+                        content: {
+                            height: '100%',
+                            width: '100%',
+                        },
+                    }}
+                    withCloseButton={false}
+                >
+                    <MobileSidebar />
+                </Drawer>
+            )}
             <AnimatePresence initial={false}>
                 {isFullScreenPlayerExpanded && (
                     <div className={styles.fullScreenPlayerOverlay}>