37 lines
725 B
TypeScript
37 lines
725 B
TypeScript
import { Outlet, RouterProvider, ScrollRestoration, createBrowserRouter, redirect } from "react-router-dom"
|
|
import { HomePage } from "./HomePage";
|
|
import { GamePage } from "./GamePage";
|
|
|
|
const RouteRoot = () => {
|
|
return <>
|
|
{/* <Nav> */}
|
|
<ScrollRestoration />
|
|
<Outlet/>
|
|
{/* </Nav> */}
|
|
</>
|
|
}
|
|
|
|
const router = createBrowserRouter([
|
|
{
|
|
element: <RouteRoot/>,
|
|
children: [
|
|
{
|
|
path: "/",
|
|
element: <HomePage/>,
|
|
// loader: () => {
|
|
// return redirect("/megachat");
|
|
// }
|
|
},
|
|
{
|
|
path: "/u/:author/:slug",
|
|
element: <GamePage/>,
|
|
},
|
|
{
|
|
path: "/u/:author/:slug/:version",
|
|
element: <GamePage/>,
|
|
},
|
|
],
|
|
},
|
|
]);
|
|
|
|
export const Routing = () => <RouterProvider router={router} />; |