cyb/src/containers/governance/GovernanceRoutes.tsx

import { Route, Routes } from 'react-router-dom';
import { MainContainer } from 'src/components';
import { routes } from 'src/routes';
import CreateProposal from './CreateProposal/CreateProposal';
import Governance from './governance';
import ProposalsDetail from './proposalsDetail';

// FIXME: replace(routes.senate.path, '/')
function GovernanceRoutes() {
  return (
    <MainContainer>
      <Routes>
        <Route
          path={routes.senate.path.replace(routes.senate.path, '/')}
          element={<Governance />}
        />
        <Route
          path={routes.senate.routes.proposal.path.replace(routes.senate.path, '/')}
          element={<ProposalsDetail />}
        />

        <Route
          path={routes.senate.routes.new.path.replace(routes.senate.path, '/')}
          element={<CreateProposal />}
        />
      </Routes>
    </MainContainer>
  );
}

export default GovernanceRoutes;

Neighbours