index.js

/* eslint-disable filenames/match-exported */
import React, { Component } from 'react';
import PropTypes from 'prop-types';
import {
  Route,
  Switch,
} from 'react-router-dom';

import { OrganizationIntegration } from './src/OrganizationIntegration';
import { Organizations as Organization } from './src/Organizations';
import { ContactsContainer } from './src/contacts';
import { InterfaceContainer } from './src/interfaces';
import Settings from './src/Settings';

class Organizations extends Component {
  static propTypes = {
    stripes: PropTypes.shape({
      connect: PropTypes.func.isRequired,
    }).isRequired,
    location: PropTypes.object.isRequired,
    match: PropTypes.object.isRequired,
    showSettings: PropTypes.bool,
  }

  render() {
    if (this.props.showSettings) {
      return <Settings {...this.props} />;
    }

    return (
      <Switch>
        <Route
          component={ContactsContainer}
          path={[
            '/organizations/contacts/',
            '/organizations/privileged-contacts/',
            '/organizations/:orgId/contacts/',
            '/organizations/:orgId/privileged-contacts/',
          ]}
        />
        <Route
          component={InterfaceContainer}
          path={[
            '/organizations/interface/',
            '/organizations/:orgId/interface/',
          ]}
        />
        <Route
          path="/organizations/:orgId/integration/"
          component={OrganizationIntegration}
        />
        <Route
          path="/organizations"
          component={Organization}
        />
      </Switch>
    );
  }
}

export default Organizations;