import React, { Component } from 'react';
import { LocaleProvider } from 'antd';
import zhCN from 'antd/lib/locale-provider/zh_CN';
import './app.less';
import Header from './components/Header';
import { User } from './stores/user';

export default class extends Component {
  constructor(props) {
    super(props);
    const state = { routes: [] };
    this.state = state;
    // 初始化登录
    User.token().then(() => {
      this.setState({ show: true });
    });
  }

  render() {
    const { children, project, config } = this.props;
    const { show } = this.state;
    return (show ? <LocaleProvider locale={zhCN}>
      {config.hideHeader ? (
        <div id="full-page">{children}</div>
      ) : (<div className={`${config.tab}`} id="page">
        <Header tabs={project.tabs} active={config.tab} />
        {children}
      </div>)}
    </LocaleProvider> : null);
  }
}