import React from 'react';
import ReactDOM from 'react-dom';

import { createHashHistory } from 'History';

import { Router, Route, useRouterHistory, IndexRedirect } from 'react-router';

import { syncHistoryWithStore, RouterStore } from 'mobx-react-router';

import { Provider } from 'mobx-react';

import Module from 'weaHrmSalary';

const routing = new RouterStore();

const allStore = {
  routing,
  ...Module.store,
};

const browserHistory = useRouterHistory(createHashHistory)({
  queryKey: '_key',
  basename: '/',
});

const history = syncHistoryWithStore(browserHistory, allStore.routing);

const Home = props => props.children;

class Root extends React.Component {
  componentWillMount() {
    top.$(".ant-message").remove()
  }
  render() {
    return (
      <Provider {...allStore}>
        <Router history={history}>
          <Route name='root' breadcrumbName='根路由' path='/' component={Home}>
            <IndexRedirect to='main/hrmSalary/index' />
            <Route name='main' breadcrumbName='入口' path='/main' component={Home}>
              { Module.Route }
            </Route>
          </Route>
        </Router>
      </Provider>
    )
  }
}

ReactDOM.render(<Root />, document.getElementById('container'));