Fix conditional reference to is mobile width hook

This commit is contained in:
sabaimran
2024-12-21 12:48:29 -08:00
parent e9dae4240e
commit 2c7c16d93e

View File

@@ -52,6 +52,7 @@ export default function NavMenu({ sideBarIsOpen }: NavMenuProps) {
const [darkMode, setDarkMode] = useState(false); const [darkMode, setDarkMode] = useState(false);
const [initialLoadDone, setInitialLoadDone] = useState(false); const [initialLoadDone, setInitialLoadDone] = useState(false);
const [showLoginPrompt, setShowLoginPrompt] = useState(false); const [showLoginPrompt, setShowLoginPrompt] = useState(false);
const isMobileWidth = useIsMobileWidth();
useEffect(() => { useEffect(() => {
if (localStorage.getItem("theme") === "dark") { if (localStorage.getItem("theme") === "dark") {
@@ -92,7 +93,7 @@ export default function NavMenu({ sideBarIsOpen }: NavMenuProps) {
{showLoginPrompt && ( {showLoginPrompt && (
<LoginPrompt <LoginPrompt
onOpenChange={(isOpen) => setShowLoginPrompt(isOpen)} onOpenChange={(isOpen) => setShowLoginPrompt(isOpen)}
isMobileWidth={useIsMobileWidth()} isMobileWidth={isMobileWidth}
/> />
)} )}
<DropdownMenu> <DropdownMenu>