/* eslint-disable react/jsx-key */
import React from 'react';
import { HashRouter as Router, Routes, Route } from 'react-router-dom';

import { observer } from 'mobx-react';
import App from './App';
import HomePage from './components/pages/Home';
import Settings from './components/pages/Settings';
import Configuration from './components/pages/Configuration';
import Simulator from './components/pages/Simulator';
import Tarifs from './components/pages/Tarifs';
import Login from './components/pages/Login';
import './i18n';
import Logs from './components/pages/Logs';
import ConfigureTicketTemplates from './components/pages/ConfigureTicketTemplates';
import Acs01Config from './components/pages/Acs01Config';
import Counters from './components/pages/Counters';
import TerminalConfig from './components/pages/TerminalConfig/TerminalConfig';
import Keypad from './components/pages/Keypad';
import KeypadConfig from './components/pages/KeypadConfig';
import Layout from './components/pages/Layout';
import ApplicationSettings from './components/pages/ApplicationSettings';
import ConfigurationMenu from './components/pages/ConfigurationMenu';
import Languages from './components/pages/Languages';
import EntryUnitAdvanced from './components/pages/TerminalConfig/EntryUnitAdvanced';
import ExitUnitPayAdvanced from './components/pages/TerminalConfig/ExitUnitPayAdvanced';
import ExitUnitAdvanced from './components/pages/TerminalConfig/ExitUnitAdvanced';
import Tools from './components/pages/Tools/Tools';
import ToolsRootStore from './components/pages/Tools/ToolsRootStore';
import Backup from './components/pages/Tools/Backup';
import PoFAdvanced from './components/pages/TerminalConfig/PoFAdvanced';
import PassageControl from './components/pages/Tools/PassageControl';
import LedPanelConfig from './components/pages/LedPanelConfig';

// 2nd level, after index.tsx
export default observer(function RoutesComp() {
  return (
    <Router>
      <App>
        <Routes>
          <Route path="/ledPanelConfig" element={<LedPanelConfig />} />
          <Route path="/passageControl" element={<PassageControl />} />
          <Route path="/backup" element={<Backup />} />
          <Route path="/toolsRootStore" element={<ToolsRootStore />} />
          <Route path="/tools" element={<Tools />} />
          <Route path="/pofAdvanced" element={<PoFAdvanced />} />
          <Route path="/exitUnitAdvanced" element={<ExitUnitAdvanced />} />
          <Route
            path="/exitUnitPayAdvanced"
            element={<ExitUnitPayAdvanced />}
          />
          <Route path="/entryUnitAdvanced" element={<EntryUnitAdvanced />} />
          <Route path="/configurationMenu" element={<ConfigurationMenu />} />
          <Route
            path="/applicationSettings"
            element={<ApplicationSettings />}
          />
          <Route path="/languages" element={<Languages />} />
          <Route path="/layout" element={<Layout />} />
          <Route path="/keypadConfig" element={<KeypadConfig />} />
          <Route path="/keyPad" element={<Keypad />} />
          <Route path="/terminalConfig" element={<TerminalConfig />} />
          <Route path="/counters" element={<Counters />} />
          <Route path="/acs01" element={<Acs01Config />} />
          <Route
            path="/configureTicketTemplates"
            element={<ConfigureTicketTemplates />}
          />
          <Route path="/logs" element={<Logs />} />
          <Route path="/configuration" element={<Configuration />} />
          <Route path="/simulator" element={<Simulator />} />
          <Route path="/settings" element={<Settings />} />
          <Route path="/login" element={<Login />} />
          <Route path="/tarif" element={<Tarifs />} />
          <Route path="/index.html" element={<HomePage />} />
          <Route path="/" element={<HomePage />} />
        </Routes>
      </App>
    </Router>
  );
});
