Some checks failed
Deploy to Frontend Servers / deploy (push) Failing after 14s
Recommended cards already routed to /browse#post-<id>, but the stream had no logic to scroll to the target bubble — and the post might not be paged in yet. MessageStream now resolves the #post-<id> hash, auto-loads more pages until the bubble renders, scrolls to it, and gives it a brief gold highlight. Bubbles get scroll-mt so they clear the sticky header. Also adds a global floating back-to-top button (BackToTop) mounted in PublicLayout, shown after scrolling past 400px. Bundles related staging UI work already present in the working tree. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
68 lines
2.7 KiB
TypeScript
68 lines
2.7 KiB
TypeScript
import { BrowserRouter, Navigate, Route, Routes } from "react-router-dom";
|
|
import { I18nProvider } from "./i18n";
|
|
import { MotionProvider } from "./motion";
|
|
import { ToastProvider } from "./components/Toast";
|
|
import { PublicLayout } from "./layouts/PublicLayout";
|
|
import { Home } from "./pages/Home";
|
|
import { Browse } from "./pages/Browse";
|
|
import { CategoriesPage } from "./pages/Categories";
|
|
import { CategoryPage } from "./pages/Category";
|
|
import { OfficialRecommendationsPage } from "./pages/OfficialRecommendations";
|
|
import { SearchPage } from "./pages/Search";
|
|
import { PostRedirect } from "./pages/PostRedirect";
|
|
import { AboutPage } from "./pages/About";
|
|
import Favorites from "./pages/Favorites";
|
|
import { adminUiPrefix } from "./adminPaths";
|
|
import { AdminRouteTree } from "./adminRouteTree";
|
|
import { AdminRouterModeProvider } from "./adminRouterMode";
|
|
import { ImageLightboxProvider } from "./components/messageStream/overlays/ImageLightbox";
|
|
import { VideoPlayerProvider } from "./components/messageStream/overlays/VideoPlayer";
|
|
|
|
const adminEnabled = import.meta.env.VITE_DISABLE_ADMIN !== "true";
|
|
|
|
export default function App() {
|
|
return (
|
|
<I18nProvider>
|
|
<MotionProvider>
|
|
<ToastProvider>
|
|
<AdminRouterModeProvider value="absolute">
|
|
<ImageLightboxProvider>
|
|
<VideoPlayerProvider>
|
|
<BrowserRouter>
|
|
<Routes>
|
|
<Route element={<PublicLayout />}>
|
|
<Route path="/" element={<Home />} />
|
|
<Route path="/browse" element={<Browse />} />
|
|
<Route path="/categories" element={<CategoriesPage />} />
|
|
<Route
|
|
path="/official-recommendations"
|
|
element={<OfficialRecommendationsPage />}
|
|
/>
|
|
<Route path="/category/:slug" element={<CategoryPage />} />
|
|
<Route path="/search" element={<SearchPage />} />
|
|
<Route path="/resource/:id" element={<PostRedirect />} />
|
|
<Route path="/about" element={<AboutPage />} />
|
|
<Route path="/favorites" element={<Favorites />} />
|
|
</Route>
|
|
|
|
{adminEnabled ? (
|
|
AdminRouteTree()
|
|
) : (
|
|
<Route
|
|
path={`${adminUiPrefix}/*`}
|
|
element={<Navigate to="/" replace />}
|
|
/>
|
|
)}
|
|
|
|
<Route path="*" element={<Navigate to="/" replace />} />
|
|
</Routes>
|
|
</BrowserRouter>
|
|
</VideoPlayerProvider>
|
|
</ImageLightboxProvider>
|
|
</AdminRouterModeProvider>
|
|
</ToastProvider>
|
|
</MotionProvider>
|
|
</I18nProvider>
|
|
);
|
|
}
|