Checkmate/client/src/Routes/index.jsx

// Temp v2 theme
import { ThemeProvider } from "@mui/material";
import { lightTheme, darkTheme } from "@/Utils/Theme/v2Theme";

import { useSelector } from "react-redux";
import { Navigate, Route, Routes as LibRoutes } from "react-router";
import HomeLayout from "@/Components/v1/Layouts/HomeLayout";
import NotFound from "../Pages/NotFound/index.jsx";
// Auth
import AuthLogin from "../Pages/Auth/Login/index.jsx";
import AuthRegister from "../Pages/Auth/Register/index.jsx";
import AuthForgotPassword from "../Pages/Auth/ForgotPassword.jsx";
import AuthCheckEmail from "../Pages/Auth/CheckEmail.jsx";
import AuthSetNewPassword from "../Pages/Auth/SetNewPassword.jsx";
import AuthNewPasswordConfirmed from "../Pages/Auth/NewPasswordConfirmed.jsx";

// Uptime
import Uptime from "../Pages/Uptime/Monitors";
import UptimeDetails from "../Pages/Uptime/Details";

// PageSpeed
import PageSpeed from "../Pages/PageSpeed/Monitors/index";
import PageSpeedDetails from "../Pages/PageSpeed/Details/";

// Infrastructure
import Infrastructure from "../Pages/Infrastructure/Monitors";
import InfrastructureDetails from "../Pages/Infrastructure/Details/index";

// Server Status
import ServerUnreachable from "../Pages/ServerUnreachable.jsx";

// Checks
import Checks from "../Pages/Checks/index";

// Incidents
import Incidents from "../Pages/Incidents/";

// Status pages
import CreateStatus from "../Pages/StatusPage/Create/";
import StatusPages from "../Pages/StatusPage/StatusPages";
import Status from "../Pages/StatusPage/Status";

import Notifications from "../Pages/Notifications";
import CreateNotifications from "../Pages/Notifications/create";

// Settings
import Account from "../Pages/Account/index.jsx";
import EditUser from "../Pages/Account/EditUser/index.jsx";
import Settings from "../Pages/Settings";

import Maintenance from "../Pages/Maintenance";
import CreateNewMaintenanceWindow from "@/Pages/Maintenance/create";

import ProtectedRoute from "../Components/v1/ProtectedRoute";
import RoleProtectedRoute from "../Components/v1/RoleProtectedRoute";
import withAdminCheck from "@/Components/v1/HOC/withAdminCheck";
import BulkImport from "../Pages/Uptime/BulkImport/index.jsx";
import Logs from "../Pages/Logs/index.jsx";

import CreateMonitor from "@/Pages/CreateMonitor";

const Routes = () => {
	const mode = useSelector((state) => state.ui.mode);
	const AdminCheckedRegister = withAdminCheck(AuthRegister);
	const v2theme = mode === "light" ? lightTheme : darkTheme;
	return (
		<LibRoutes>
			<Route
				path="/"
				element={
					<ProtectedRoute>
						<HomeLayout />
					</ProtectedRoute>
				}
			>
				<Route
					path="/"
					element={<Navigate to="/uptime" />}
				/>
				<Route
					path="/uptime"
					element={
						<>
							<ThemeProvider theme={v2theme}>
								<Uptime />
							</ThemeProvider>
						</>
					}
				/>

				<Route
					path="/uptime/bulk-import"
					element={<BulkImport />}
				/>

				<Route
					path="/uptime/create"
					element={
						<>
							<ThemeProvider theme={v2theme}>
								<CreateMonitor />
							</ThemeProvider>
						</>
					}
				/>
				<Route
					path="/uptime/:monitorId/"
					element={
						<>
							<ThemeProvider theme={v2theme}>
								<UptimeDetails />
							</ThemeProvider>
						</>
					}
				/>
				<Route
					path="/uptime/configure/:monitorId/"
					element={
						<>
							<ThemeProvider theme={v2theme}>
								<CreateMonitor />
							</ThemeProvider>
						</>
					}
				/>

				<Route
					path="pagespeed"
					element={
						<>
							<ThemeProvider theme={v2theme}>
								<PageSpeed />
							</ThemeProvider>
						</>
					}
				/>
				<Route
					path="pagespeed/create"
					element={
						<>
							<ThemeProvider theme={v2theme}>
								<CreateMonitor />
							</ThemeProvider>
						</>
					}
				/>
				<Route
					path="pagespeed/:monitorId"
					element={
						<>
							<ThemeProvider theme={v2theme}>
								<PageSpeedDetails />
							</ThemeProvider>
						</>
					}
				/>
				<Route
					path="pagespeed/configure/:monitorId"
					element={
						<>
							<ThemeProvider theme={v2theme}>
								<CreateMonitor />
							</ThemeProvider>
						</>
					}
				/>
				<Route
					path="infrastructure"
					element={
						<>
							<ThemeProvider theme={v2theme}>
								<Infrastructure />
							</ThemeProvider>
						</>
					}
				/>
				<Route
					path="infrastructure/create"
					element={
						<>
							<ThemeProvider theme={v2theme}>
								<CreateMonitor />
							</ThemeProvider>
						</>
					}
				/>
				<Route
					path="/infrastructure/configure/:monitorId"
					element={
						<>
							<ThemeProvider theme={v2theme}>
								<CreateMonitor />
							</ThemeProvider>
						</>
					}
				/>
				<Route
					path="infrastructure/:monitorId"
					element={
						<>
							<ThemeProvider theme={v2theme}>
								<InfrastructureDetails />
							</ThemeProvider>
						</>
					}
				/>
				<Route
					path="checks/:monitorId?"
					element={
						<>
							<ThemeProvider theme={v2theme}>
								<Checks />
							</ThemeProvider>
						</>
					}
				/>
				<Route
					path="incidents/:monitorId?"
					element={
						<>
							<ThemeProvider theme={v2theme}>
								<Incidents />
							</ThemeProvider>
						</>
					}
				/>

				<Route
					path="status"
					element={
						<>
							<ThemeProvider theme={v2theme}>
								<StatusPages />
							</ThemeProvider>
						</>
					}
				/>

				<Route
					path="status/:url"
					element={
						<>
							<ThemeProvider theme={v2theme}>
								<Status />
							</ThemeProvider>
						</>
					}
				/>

				<Route
					path="status/create"
					element={
						<>
							<ThemeProvider theme={v2theme}>
								<CreateStatus />
							</ThemeProvider>
						</>
					}
				/>

				<Route
					path="status/configure/:url"
					element={
						<>
							<ThemeProvider theme={v2theme}>
								<CreateStatus />
							</ThemeProvider>
						</>
					}
				/>

				<Route
					path="notifications"
					element={
						<>
							<ThemeProvider theme={v2theme}>
								<Notifications />
							</ThemeProvider>
						</>
					}
				/>
				<Route
					path="notifications/create"
					element={
						<>
							<ThemeProvider theme={v2theme}>
								<CreateNotifications />
							</ThemeProvider>
						</>
					}
				/>

				<Route
					path="notifications/configure/:notificationId"
					element={
						<>
							<ThemeProvider theme={v2theme}>
								<CreateNotifications />
							</ThemeProvider>
						</>
					}
				/>

				<Route
					path="maintenance"
					element={
						<>
							<ThemeProvider theme={v2theme}>
								<Maintenance />
							</ThemeProvider>
						</>
					}
				/>
				<Route
					path="/maintenance/create/:maintenanceWindowId?"
					element={
						<>
							<ThemeProvider theme={v2theme}>
								<CreateNewMaintenanceWindow />
							</ThemeProvider>
						</>
					}
				/>
				<Route
					path="settings"
					element={<Settings />}
				/>
				<Route
					path="account/profile"
					element={<Account open={"profile"} />}
				/>
				<Route
					path="account/password"
					element={<Account open={"password"} />}
				/>
				<Route
					path="account/team"
					element={<Account open={"team"} />}
				/>
				<Route
					path="account/team/:userId"
					element={
						<RoleProtectedRoute roles={["superadmin"]}>
							<EditUser />
						</RoleProtectedRoute>
					}
				/>

				<Route
					path="logs"
					element={
						<RoleProtectedRoute roles={["admin", "superadmin"]}>
							<Logs />
						</RoleProtectedRoute>
					}
				/>
			</Route>

			<Route
				path="/login"
				element={<AuthLogin />}
			/>

			<Route
				path="/register"
				element={<AdminCheckedRegister />}
			/>

			<Route
				exact
				path="/register/:token"
				element={<AuthRegister superAdminExists={true} />}
			/>

			<Route
				path="/forgot-password"
				element={<AuthForgotPassword />}
			/>
			<Route
				path="/check-email"
				element={<AuthCheckEmail />}
			/>
			<Route
				path="/set-new-password/:token"
				element={<AuthSetNewPassword />}
			/>
			<Route
				path="/new-password-confirmed"
				element={<AuthNewPasswordConfirmed />}
			/>
			<Route
				path="/status/public/:url"
				element={
					<>
						<ThemeProvider theme={v2theme}>
							<Status />
						</ThemeProvider>
					</>
				}
			/>

			<Route
				path="/server-unreachable"
				element={<ServerUnreachable />}
			/>
			<Route
				path="*"
				element={<NotFound />}
			/>
		</LibRoutes>
	);
};

export { Routes };