v3: follows, notifications, invite-only registration, unread markers

src/App.tsx

@@ -8,12 +8,16 @@ import { DumpEdit } from "./pages/DumpEdit.tsx";
 import { UserLogin } from "./pages/UserLogin.tsx";
 import { UserPublicProfile } from "./pages/UserPublicProfile.tsx";
 import { UserRegister } from "./pages/UserRegister.tsx";
+import { UserDumps } from "./pages/UserDumps.tsx";
+import { UserUpvoted } from "./pages/UserUpvoted.tsx";
+import { UserPlaylists } from "./pages/UserPlaylists.tsx";
 import { PlaylistDetail } from "./pages/PlaylistDetail.tsx";
-import { MyPlaylists } from "./pages/MyPlaylists.tsx";
+import { Notifications } from "./pages/Notifications.tsx";
 
 import { AuthProvider } from "./contexts/AuthProvider.tsx";
 import { PlayerProvider } from "./contexts/PlayerProvider.tsx";
 import { WSProvider } from "./contexts/WSProvider.tsx";
+import { FollowProvider } from "./contexts/FollowProvider.tsx";
 import { useAuth } from "./hooks/useAuth.ts";
 import { GlobalPlayer } from "./components/GlobalPlayer.tsx";
 
@@ -23,46 +27,54 @@ function AppRoutes() {
   const { token } = useAuth();
   return (
     <WSProvider token={token}>
-      <BrowserRouter>
-        <Routes>
-          <Route path="/" element={<Index />} />
-          <Route path="/dumps/:selectedDump" element={<Dump />} />
-          <Route
-            path="/dumps/:selectedDump/edit"
-            element={
-              <RestrictedLoggedIn>
-                <DumpEdit />
-              </RestrictedLoggedIn>
-            }
-          />
-          <Route
-            path="/register"
-            element={
-              <RestrictedGuest>
-                <UserRegister />
-              </RestrictedGuest>
-            }
-          />
-          <Route
-            path="/login"
-            element={
-              <RestrictedGuest>
-                <UserLogin />
-              </RestrictedGuest>
-            }
-          />
-          <Route path="/users/:username" element={<UserPublicProfile />} />
-          <Route
-            path="/playlists"
-            element={
-              <RestrictedLoggedIn>
-                <MyPlaylists />
-              </RestrictedLoggedIn>
-            }
-          />
-          <Route path="/playlists/:playlistId" element={<PlaylistDetail />} />
-        </Routes>
-      </BrowserRouter>
+      <FollowProvider>
+        <BrowserRouter>
+          <Routes>
+            <Route path="/" element={<Index />} />
+            <Route path="/dumps/:selectedDump" element={<Dump />} />
+            <Route
+              path="/dumps/:selectedDump/edit"
+              element={
+                <RestrictedLoggedIn>
+                  <DumpEdit />
+                </RestrictedLoggedIn>
+              }
+            />
+            <Route
+              path="/register"
+              element={
+                <RestrictedGuest>
+                  <UserRegister />
+                </RestrictedGuest>
+              }
+            />
+            <Route
+              path="/login"
+              element={
+                <RestrictedGuest>
+                  <UserLogin />
+                </RestrictedGuest>
+              }
+            />
+            <Route path="/users/:username" element={<UserPublicProfile />} />
+            <Route path="/users/:username/dumps" element={<UserDumps />} />
+            <Route path="/users/:username/upvoted" element={<UserUpvoted />} />
+            <Route
+              path="/users/:username/playlists"
+              element={<UserPlaylists />}
+            />
+            <Route path="/playlists/:playlistId" element={<PlaylistDetail />} />
+            <Route
+              path="/notifications"
+              element={
+                <RestrictedLoggedIn>
+                  <Notifications />
+                </RestrictedLoggedIn>
+              }
+            />
+          </Routes>
+        </BrowserRouter>
+      </FollowProvider>
     </WSProvider>
   );
 }