DataRush/services/frontend/src/App.tsx

import "./styles/globals.css";
import { Routes, Route } from "react-router";

import { NavbarLayout } from "./widgets/navbar-layout";

import Competitions from "./pages/Competitions";
import Competition from "./pages/Competition";
import CompetitionSession from "./pages/CompetitionSession";
import LoginPage from "./pages/Login";
import { AuthLayout } from "./widgets/auth-layout";
import CompetitionConstructor from "./pages/CompetitionConstructor";
import UserProfile from "./pages/UserProfile";

const App = () => {
  return (
    <Routes>
      <Route path="/login" element={<LoginPage />} />

      <Route element={<AuthLayout />}>
        <Route element={<NavbarLayout />}>
          <Route path="/" element={<Competitions />} />
          <Route path="/competition/:id" element={<Competition />} />
        </Route>

        <Route
          path="/competition/:id/tasks/:taskId"
          element={<CompetitionSession />}
        />

        <Route
          path="/constructor/:id"
          element={<CompetitionConstructor />}
        />

        <Route
          path="/constructor/new"
          element={<CompetitionConstructor />}
        />

        <Route
          path="/constructor/:id/tasks/:taskId"
          element={<CompetitionConstructor />}
        />

        <Route
          path="/profile"
          element={<UserProfile />}
        />

      </Route>
    </Routes>
  );
};

export default App;