setMobileMenuOpen(false)} session={session} />
>
);
}
diff --git a/apps/web/src/components/MobileMenu.tsx b/apps/web/src/components/MobileMenu.tsx
index 740d15e..ff92b6b 100644
--- a/apps/web/src/components/MobileMenu.tsx
+++ b/apps/web/src/components/MobileMenu.tsx
@@ -8,6 +8,7 @@ import { useEffect } from 'react';
interface MobileMenuProps {
isOpen: boolean;
onClose: () => void;
+ session: { user: { name: string; email: string } } | null;
}
const navLinks = [
@@ -28,7 +29,7 @@ const socialLinks = [
{ href: 'https://github.com/tpmjs/tpmjs', icon: 'github' as const, label: 'GitHub' },
];
-export function MobileMenu({ isOpen, onClose }: MobileMenuProps): React.ReactElement | null {
+export function MobileMenu({ isOpen, onClose, session }: MobileMenuProps): React.ReactElement | null {
// Lock body scroll when menu is open
useEffect(() => {
if (isOpen) {
@@ -138,6 +139,34 @@ export function MobileMenu({ isOpen, onClose }: MobileMenuProps): React.ReactEle
{/* Divider */}
+ {/* Auth links */}
+ {session ? (
+
+ Dashboard
+
+ ) : (
+
+
+ Sign In
+
+
+ Sign Up
+
+
+ )}
+
{/* Publish button */}