import React, {Component} from 'react'
import {HashRouter, Switch, Route, Redirect} from 'react-router-dom'
import asyncComponent from '@/utils/asyncPage'

const LoadingComponent = asyncComponent(() => import('@/page/loading'))
const AdvertComponent = asyncComponent(() => import('@/page/advert'))
const DetailComponent = asyncComponent(() => import('@/page/detail'))
const MainComponent = asyncComponent(() => import('@/page/main'))
const TabBarComponent = asyncComponent(() => import('@/page/tabbar'))
const TabviewComponent = asyncComponent(() => import('@/page/tabview'))
// const NotFound = asyncComponent(() => import('@/page/404'))

export default class RouteConfig extends Component {
  render () {
    return (
      <HashRouter>
        <Switch>
          <Route path="/loading/:viewId" name="loading" exact component={LoadingComponent}/>
          <Route path="/advert/:viewId" name="advert" exact component={AdvertComponent}/>
          <Route path="/detail/:viewId" name="advert" exact component={DetailComponent}/>
          <Route path="/main/:viewId" name="main" exact component={MainComponent}/>
          <Route path="/tabbar/:viewId" name="tabbar" exact component={TabBarComponent}/>
          <Route path="/tabview/:viewId" name="tabview" exact component={TabviewComponent}/>
          {/* <Route component={NotFound}/> */}
          {/* <Redirect exact from="/" to="main"/> */}
          <Redirect exact from="/*" to={{ pathname: "/loading/1592367218835q9cgh8kcbeoop2kdroa" }}/>
        </Switch>
      </HashRouter>
    )
  }
}