accounts-frontend/packages/app/pages/dev/DevPage.tsx

import React, { ComponentType } from 'react';
import { Redirect, Route, Switch } from 'react-router-dom';
import { FooterMenu } from 'app/components/footerMenu';
import PrivateRoute from 'app/containers/PrivateRoute';

import styles from './dev.scss';
import ApplicationsListPage from './ApplicationsListPage';
import CreateNewApplicationPage from './CreateNewApplicationPage';
import UpdateApplicationPage from './UpdateApplicationPage';

const DevPage: ComponentType = () => (
  <div className={styles.container}>
    <div data-e2e-content>
      <Switch>
        <Route
          path="/dev/applications"
          exact
          component={ApplicationsListPage}
        />
        <PrivateRoute
          path="/dev/applications/new"
          exact
          component={CreateNewApplicationPage}
        />
        <PrivateRoute
          path="/dev/applications/:clientId"
          component={UpdateApplicationPage}
        />
        <Redirect to="/dev/applications" />
      </Switch>
    </div>

    <div className={styles.footer}>
      <FooterMenu />
    </div>
  </div>
);

export default DevPage;