Fix conditional reference to is mobile width hook

2026-03-03 05:29:12 +00:00 · 2024-12-21 12:48:29 -08:00
parent e9dae4240e
commit 2c7c16d93e
1 changed files with 2 additions and 1 deletions
--- a/src/interface/web/app/components/navMenu/navMenu.tsx
+++ b/src/interface/web/app/components/navMenu/navMenu.tsx
@@ -52,6 +52,7 @@ export default function NavMenu({ sideBarIsOpen }: NavMenuProps) {
    const [darkMode, setDarkMode] = useState(false);
    const [initialLoadDone, setInitialLoadDone] = useState(false);
    const [showLoginPrompt, setShowLoginPrompt] = useState(false);
+    const isMobileWidth = useIsMobileWidth();

    useEffect(() => {
        if (localStorage.getItem("theme") === "dark") {
@@ -92,7 +93,7 @@ export default function NavMenu({ sideBarIsOpen }: NavMenuProps) {
                {showLoginPrompt && (
                    <LoginPrompt
                        onOpenChange={(isOpen) => setShowLoginPrompt(isOpen)}
-                        isMobileWidth={useIsMobileWidth()}
+                        isMobileWidth={isMobileWidth}
                    />
                )}
                <DropdownMenu>