import React, { useEffect, useState } from 'react';
import { connect } from 'dva';
import { ConfigProvider, Layout } from 'antd';
import zhCN from 'antd/lib/locale-provider/zh_CN';
// import Search from '../components/Common/Search';
import PersonCenter from './personCenter/personCenter';
// import Feedback from './feedback/feedback';
// import ProblemFeedback from './problemFeedback/problemFeedback';
import TabCon from './tab/tab';
import styles from './IndexPage.less';

const { Header, Content } = Layout;

function IndexPage() {
  const [key, setKey] = useState(0);

  useEffect(() => {
    window.xlyReload = () => {
      setKey(pre => pre + 1);
    };
  }, []);

  return (
    <ConfigProvider locale={zhCN}>
      <Layout key={key}>
        <Header className={styles.header}>
          <div className={styles.headerRight}>
            <div className={styles.personCenter}>
              <PersonCenter />
            </div>
            {/* <div className={styles.search}>
              <Search />
            </div> */}
          </div>
        </Header>
        <Content className={styles.content}>
          <TabCon />
        </Content>
        {/* <Footer className={styles.footer}>
         copyright ©2014-2017，All Rights Reserved 沪ICP备14034791号-2<br />
         版权所有上海小羚羊软件股份有限公司   咨询电话：400-880-6237
         </Footer> */}
      </Layout>
      {/* { ['project.xlyprint.cn'].includes(location.hostname) ? <ProblemFeedback /> : <Feedback /> } */}
    </ConfigProvider>
  );
}

IndexPage.propTypes = {};

export default connect()(IndexPage);