Source: containers/AnnotationContainer.js

import React from 'react';
import { Route, Switch } from 'react-router-dom';
import MonitoredAreaAnnotation from '../components/userComponents/monitoredArea/Annotation/MonitoredAreaAnnotation';
import AddNewZone from '../components/userComponents/monitoredArea/Annotation/zones/AddNewZone';
import EditZone from '../components/userComponents/monitoredArea/Annotation/zones/EditZone';

/**
 * @extends Component
 * @hideconstructor
 */
export class AnnotationContainer extends React.Component {
  /**
   *
   * @returns {*}
   */
  render() {
    return (
      <div className="content-wrapper">
                  <Switch>
                    <Route exact path="/annotation/:id" component={MonitoredAreaAnnotation}/>
                    <Route exact path="/annotation/:id/new" component={AddNewZone}/>
                    <Route exact path="/annotation/:id/edit/:zoneId" component={EditZone}/>
                  </Switch>
      </div>
    );
  }
}