Files
stream.graff.tech-new/client/src/main.tsx
T

61 lines
1.5 KiB
TypeScript

import { createRoot } from "react-dom/client";
import "./index.css";
import HomePage from "./pages/HomePage";
import { createBrowserRouter, RouterProvider } from "react-router";
// import SessionPage from "./pages/SessionPage";
import LoginPage from "./pages/LoginPage";
import RegisterPage from "./pages/RegisterPage";
import { QueryClientProvider } from "@tanstack/react-query";
import { queryClient } from "./lib/queryClient";
import ProtectedRoute from "./components/ProtectedRoute";
import PublicRoute from "./components/PublicRoute";
import ModalContainer from "./components/ModalContainer";
import PopupContainer from "./components/PopupContainer";
import ToastsContainer from "./components/toasts/ToastsContainer";
import TestPage from "./pages/TestPage";
import SessionPage from "./pages/SessionPage";
const router = createBrowserRouter([
{
path: "/",
element: (
<ProtectedRoute>
<HomePage />
</ProtectedRoute>
),
},
{
path: "/login",
element: (
<PublicRoute>
<LoginPage />
</PublicRoute>
),
},
{
path: "/register",
element: (
<PublicRoute>
<RegisterPage />
</PublicRoute>
),
},
{
path: "/test",
element: <TestPage />,
},
{
path: "/sessions/:id",
element: <SessionPage />,
},
]);
createRoot(document.getElementById("root")!).render(
<QueryClientProvider client={queryClient}>
<RouterProvider router={router} />
<ModalContainer />
<PopupContainer />
<ToastsContainer />
</QueryClientProvider>
);