import React, { Component } from 'react'
import { HashRouter as Router, Route } from 'react-router-dom'
import './App.css'
import './assets/comm.css'
import { Redirect } from 'react-router-dom'
import { lazy, Suspense } from 'react'
import { FullScreenLoading } from 'zent'
const Home = lazy(() => import('./pages/home/home'))
const Login = lazy(() => import('./pages/login/login'))
const ErrPage = lazy(() => import('./pages/errpage/errpage'))
const EdittemPlate = lazy(() =>
  import('./pages/exchangepage/edittemplate/main.js')
)
export default class App extends Component {
  state = {
    pathname: ''
  }
  componentWillMount() {
    const pathname = window.location.href.lastIndexOf('/')
    const pathnamestr = window.location.href.substr(pathname)
    this.setState({ pathname: `${pathnamestr}` })
  }

  render() {
    return (
      <Router>
        <Suspense
          fallback={
            <FullScreenLoading loading icon='circle' iconText='加载中...' />
          }>
          <Route path='/login' exact={true} component={Login} />
          <Route path='/edittemplate' exact={true} component={EdittemPlate} />
          <Route path='/home' component={Home} />
          <Route
            exact={true}
            path='/'
            render={() => <Redirect to='/login' />}></Route>
          <Route component={ErrPage} />
        </Suspense>
      </Router>
    )
  }
}