More

frontend/src/components/ui/UserMenu.tsx

@@ -1,7 +1,16 @@
 import { useState, useRef, useEffect } from 'react';
 import type { AuthUser } from '../../hooks/useAuth';
+import type { Page } from './Header';
 
-export default function UserMenu({ user, onLogout }: { user: AuthUser; onLogout: () => void }) {
+export default function UserMenu({
+  user,
+  onLogout,
+  onPageChange,
+}: {
+  user: AuthUser;
+  onLogout: () => void;
+  onPageChange: (page: Page) => void;
+}) {
   const [open, setOpen] = useState(false);
   const menuRef = useRef<HTMLDivElement>(null);
 
@@ -37,6 +46,15 @@ export default function UserMenu({ user, onLogout }: { user: AuthUser; onLogout:
             </p>
           </div>
           <div className="p-1">
+            <button
+              onClick={() => {
+                setOpen(false);
+                onPageChange('account');
+              }}
+              className="w-full text-left px-3 py-2 text-sm text-warm-700 dark:text-warm-300 hover:bg-warm-50 dark:hover:bg-warm-700 rounded"
+            >
+              Account
+            </button>
             <button
               onClick={() => {
                 setOpen(false);