import { Routes, Route } from 'react-router-dom';
import { withErrorBoundary } from 'components/ErrorBoundary';

import { AlliancePage, PATHS as ALLIANCE_PAGE } from './$alliance';
import { AlliancesPage } from './AlliancesPage';

export const AllianceRoutes = () => {
  return (
    <Routes>
      <Route index element={withErrorBoundary(<AlliancesPage />)} />
      <Route
        path={`:${ALLIANCE_PAGE.allianceId}/*`}
        element={withErrorBoundary(<AlliancePage />)}
      />
    </Routes>
  );
};