18F/culper

import React from 'react'
import PropTypes from 'prop-types'
import { connect } from 'react-redux'
import { Router, Switch, Route } from 'react-router'

import AppWithForm from 'components/Main/AppWithForm'
import {
  Loading,
  AccessDenied,
  Locked,
  Error,
  TokenRefresh,
  Help,
} from 'views'

import { Login } from 'views/Login'

import { env } from 'config'
import { initApp } from 'actions/AuthActions'

class Main extends React.Component {
  componentDidMount() {
    const { dispatch } = this.props

    // allow user to go to the route they were trying to access IF
    // they are logged in and its a form section
    let path = window.location.pathname
    if (path.indexOf('/form') < 0) path = undefined
    dispatch(initApp(path))
  }

  render() {
    return (
      <Router history={env.History()}>
        <Switch>
          <Route exact={true} path="/login" component={Login} />
          <Route exact={true} path="/loading" component={Loading} />
          <Route
            exact={true}
            path="/form/:section/:subsection*"
            component={AppWithForm}
          />
          <Route exact={true} path="/help" component={Help} />
          <Route exact={true} path="/accessdenied" component={AccessDenied} />
          <Route exact={true} path="/locked" component={Locked} />
          <Route exact={true} path="/error" component={Error} />
          <Route exact={true} path="/token" component={TokenRefresh} />
        </Switch>
      </Router>
    )
  }
}

Main.propTypes = {
  dispatch: PropTypes.func,
}

Main.defaultProps = {
  dispatch: () => {},
}

export default connect()(Main)