v3: added index default tab selection setting, fixed notification pages not loading, reduced invite token length, global player state survives page reloads, many visual fixes

src/App.tsx

@@ -3,6 +3,8 @@ import { BrowserRouter, Navigate, Route, Routes } from "react-router";
 
 import { RestrictedGuest } from "./pages/RestrictedGuest.tsx";
 import { RestrictedLoggedIn } from "./pages/RestrictedLoggedIn.tsx";
+import { useAuth } from "./hooks/useAuth.ts";
+import { useDefaultFeedTab } from "./hooks/useDefaultFeedTab.ts";
 
 import { AuthProvider } from "./contexts/AuthProvider.tsx";
 import { PlayerProvider } from "./contexts/PlayerProvider.tsx";
@@ -10,6 +12,7 @@ import { WSProvider } from "./contexts/WSProvider.tsx";
 import { FollowProvider } from "./contexts/FollowProvider.tsx";
 import { ThemeProvider } from "./contexts/ThemeProvider.tsx";
 import { GlobalPlayer } from "./components/GlobalPlayer.tsx";
+import { DumpFab } from "./components/DumpFab.tsx";
 
 import "./App.css";
 
@@ -66,63 +69,74 @@ const NotFound = lazy(() =>
   import("./pages/NotFound.tsx").then((m) => ({ default: m.NotFound }))
 );
 
+function IndexRedirect() {
+  const { user } = useAuth();
+  const [preferredTab] = useDefaultFeedTab();
+  // "followed" requires a session, so fall back to "hot" for guests.
+  const tab = preferredTab === "followed" && !user ? "hot" : preferredTab;
+  return <Navigate to={`/~/${tab}`} replace />;
+}
+
 function AppRoutes() {
   return (
-    <Suspense>
-      <Routes>
-        <Route path="/" element={<Navigate to="/~/hot" replace />} />
-        <Route path="/~/:feedTab" 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/~/:profileTab"
-          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="/search" element={<Search />} />
-        <Route path="/search/~/:searchTab" element={<Search />} />
-        <Route path="/reset-password" element={<ResetPassword />} />
-        <Route
-          path="/notifications"
-          element={
-            <RestrictedLoggedIn>
-              <Notifications />
-            </RestrictedLoggedIn>
-          }
-        />
-        <Route path="*" element={<NotFound />} />
-      </Routes>
-    </Suspense>
+    <>
+      <Suspense>
+        <Routes>
+          <Route path="/" element={<IndexRedirect />} />
+          <Route path="/~/:feedTab" 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/~/:profileTab"
+            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="/search" element={<Search />} />
+          <Route path="/search/~/:searchTab" element={<Search />} />
+          <Route path="/reset-password" element={<ResetPassword />} />
+          <Route
+            path="/notifications"
+            element={
+              <RestrictedLoggedIn>
+                <Notifications />
+              </RestrictedLoggedIn>
+            }
+          />
+          <Route path="*" element={<NotFound />} />
+        </Routes>
+      </Suspense>
+      <DumpFab />
+    </>
   );
 }