text: import React, { Component } from 'react';
  import { BrowserRouter, Route, Switch, Redirect, Link, NavLink} from 'react-router-dom';
  
  
  // Constants
  import { routes } from './constants';
   
  // Styles
  import { Container, CssBaseline, ImageList, ImageListItemBar } from '@material-ui/core';
  import 'bootstrap/dist/css/bootstrap.min.css';
  import './styles/App.css';
  
  // Static/Stateless
  import { NavBar, Welcome } from './components';
  
  // Pages
  import { ItemInsert, Items, ItemUpdate, itemPatientExam,itemExamUpdate, ItemInfo } from './pages';
  
  
  
  
  class App extends Component {
    render() {
      // TODO: maybe only need one route for Items?
      const publicViews = (
        <Switch>
          <Route exact path={routes.HOME}>
            <Redirect to={routes.ITEMS} />
          </Route>
          <Route exact path={routes.ITEM_UPDATE} component={ItemUpdate} />
          <Route exact path={routes.ITEM_INFO} component={ItemInfo} />
          <Route exact path={routes.HOME} component={Welcome} />
          <Route exact path={routes.ITEMS} component={Items} />
          <Route exact path={`${routes.ITEMS}/items-plain`} component={Items} />
          <Route exact path={`${routes.ITEMS}/react-table-v6`} component={Items} />
          <Route exact path={routes.ITEM_INSERT} component={ItemInsert} />
          <Route exact path={routes.ITEM_PATIENTEXAM} component={itemPatientExam} />
        </Switch>
      );
  
  /*ADD  
  <Route exact path={routes.ITEM_EXAMUPDATE} component={itemExamUpdate} />
  */
      return (
        <BrowserRouter>
          <CssBaseline />
          <NavBar />
          <div className="app--main">
            <div className="view-container">{publicViews}</div>
          </div>
        </BrowserRouter>
      );
    }
  }
  
  export default App;
  