Untitled

import {
  createBrowserRouter,
  createRoutesFromElements,
  Route,
  RouterProvider,
} from "react-router-dom";
import "./App.css";
import Layout from "./pages/Header";
import Home from "./pages/Home";
import Login from "./pages/auth/Login";
import Register from "./pages/auth/Register";
import Dashboard from "./pages/dashboard/Dashboard";
import Reconfigure from "./pages/dashboard/Reconfigure";
import ManageInfra from "./pages/dashboard/ManageInfra";
import Topology from "./pages/wizard/Topology";
import AiToolKits from "./pages/wizard/AiToolKits";
import Models from "./pages/wizard/Models";
import Mission from "./pages/wizard/Mission";
import LlmTypes from "./pages/wizard/LlmTypes";
import Costs from "./pages/wizard/Costs";
import DashMachines from "./pages/dashboard/DashMachines";
import MachineTypes from "./pages/wizard/MachineTypes";
import ForgotPassword from "./pages/auth/ForgotPassword";
import ResetPassword from "./pages/auth/ResetPassword";
import PasswordRecoverNotice from "./pages/auth/PasswordRecoverNotice";
import { Provider } from "react-redux";
import store from "./redux/store";
import ProtectedRoute from "./ProtectedRoute";

const router = createBrowserRouter(
  createRoutesFromElements(
    <Route path="/" element={<Layout />}>
      <Route index element={<ProtectedRoute element={Home} />} />
      <Route path="login" element={<ProtectedRoute element={Login} redirectTo="/" />} />
      <Route path="register" element={<Register />} />
      <Route path="forgotpassword" element={<ForgotPassword />} />
      <Route path="resetpassword" element={<ResetPassword />} />
      <Route path="passwordrecovernotice" element={<PasswordRecoverNotice />} />

      <Route
        path="dashboard/dash"
        element={<ProtectedRoute element={Dashboard} />}
      />
      <Route
        path="dashboard/machinetypes"
        element={<ProtectedRoute element={DashMachines} />}
      />
      <Route
        path="dashboard/manageinfra"
        element={<ProtectedRoute element={ManageInfra} />}
      />
      <Route
        path="dashboard/reconfigure"
        element={<ProtectedRoute element={Reconfigure} />}
      />

      <Route path="wizard/costs" element={<ProtectedRoute element={Costs} />} />
      <Route
        path="wizard/llmtypes"
        element={<ProtectedRoute element={LlmTypes} />}
      />
      <Route
        path="wizard/machinetypes"
        element={<ProtectedRoute element={MachineTypes} />}
      />
      <Route
        path="wizard/mission"
        element={<ProtectedRoute element={Mission} />}
      />
      <Route
        path="wizard/models"
        element={<ProtectedRoute element={Models} />}
      />
      <Route
        path="wizard/topology"
        element={<ProtectedRoute element={Topology} />}
      />
      <Route
        path="wizard/aitoolkits"
        element={<ProtectedRoute element={AiToolKits} />}
      />
    </Route>
  )
);

const App: React.FC = () => {
  return (
    <>
      <Provider store={store}>
        <RouterProvider router={router} />
      </Provider>
    </>
  );
};

export default App;