More

frontend/src/App.tsx

@@ -4,6 +4,7 @@ import PricingPage from './components/pricing/PricingPage';
 import HomePage from './components/home/HomePage';
 import SavedSearchesPage from './components/saved-searches/SavedSearchesPage';
 import LearnPage from './components/learn/LearnPage';
+import AccountPage from './components/account/AccountPage';
 import Header, { type Page } from './components/ui/Header';
 import AuthModal from './components/ui/AuthModal';
 import SaveSearchModal from './components/ui/SaveSearchModal';
@@ -32,6 +33,8 @@ case 'saved-searches':
       return '/learn';
     case 'pricing':
       return '/pricing';
+    case 'account':
+      return '/account';
     default:
       return '/';
   }
@@ -42,6 +45,7 @@ function pathToPage(pathname: string): Page | null {
 if (pathname === '/saved') return 'saved-searches';
   if (pathname === '/learn') return 'learn';
   if (pathname === '/pricing') return 'pricing';
+  if (pathname === '/account') return 'account';
   if (pathname === '/') return 'home';
   return null;
 }
@@ -92,6 +96,7 @@ export default function App() {
     register,
     logout,
     requestPasswordReset,
+    refreshAuth,
     clearError,
   } = useAuth();
   const [showAuthModal, setShowAuthModal] = useState(false);
@@ -233,6 +238,8 @@ export default function App() {
         <PricingPage onOpenDashboard={() => navigateTo('dashboard')} />
       ) : activePage === 'learn' ? (
         <LearnPage />
+      ) : activePage === 'account' && user ? (
+        <AccountPage user={user} onRefreshAuth={refreshAuth} />
       ) : activePage === 'saved-searches' ? (
         <SavedSearchesPage
           searches={savedSearches.searches}