import { Routes, Route } from "react-router-dom"; import { useEffect } from "react"; import { AuthProvider, useAuth } from "./context/AuthContext"; import TopNav from "./components/TopNav"; import MobileNav from "./components/MobileNav"; import Feed from "./pages/Feed"; import Url from "./pages/Url"; import UserUrl from "./pages/UserUrl"; import Profile from "./pages/Profile"; import Login from "./pages/Login"; import New from "./pages/New"; import Bookmarks from "./pages/Bookmarks"; import Highlights from "./pages/Highlights"; import Notifications from "./pages/Notifications"; import AnnotationDetail from "./pages/AnnotationDetail"; import Collections from "./pages/Collections"; import CollectionDetail from "./pages/CollectionDetail"; import Privacy from "./pages/Privacy"; import Terms from "./pages/Terms"; import Landing from "./pages/Landing"; import ScrollToTop from "./components/ScrollToTop"; import { ThemeProvider } from "./context/ThemeContext"; function AppContent() { const { user } = useAuth(); useEffect(() => { if (user) { fetch("/api/sync", { method: "POST" }).catch(console.error); } }, [user]); return (

} /> } /> } /> } /> } /> } /> } /> } /> } /> } /> } /> } /> } /> } /> } /> } /> } /> } /> } /> } /> } />

); } export default function App() { return ( } /> } /> ); }