import React from 'react';
import { observer, inject } from 'mobx-react';
import { withRouter } from 'react-router-dom';
import { getItem } from '../../utils';
import Animate from './animate';
import InitpageContent from './pageContent';

import './index.less';
import Logo from './imgs/logo.png';
import Loading from './imgs/loading.gif';

@withRouter
@inject('init')
@observer
export default class PageWrap extends React.Component {
  componentDidMount() {
    // 判断是否已登录过，登陆过Go Home,否则获取初始化状态
    const isLogin = !!getItem('token');
    isLogin && this.props.history.replace('/home');
  }

  render() {
    const { init } = this.props,
      { loading } = init;
    return (
      <div className="page-wrap">
        <Animate />
        <div className="logo">
          <img src={Logo} alt="logo" />
        </div>
        {(() => {
          if (loading) {
            return (
              <div className="loading-form init-page-content login">
                <img src={Loading} alt="加载中..." />
              </div>
            );
          }
          return <InitpageContent />;
        })()}
      </div>
    );
  }
}