<reponame>jingedawang/StockPredictor<filename>frontend/src/App.js<gh_stars>0import { Layout } from 'antd';

import './App.css';
import { Board  } from './component/Board';
import { Query } from './component/Query';
import { Recommend } from './component/Recommend'

const { Header, Footer, Content, Sider } = Layout;

function App() {
  const isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
  console.log(888, isMobile)
  return (
    <div className="app">
      <Layout>
          <Header className='head'>Stock Prediction</Header>
          <Layout className='content-layout'>
            <Content className='content'>
              <Query />
              <Board />
            </Content>
            <Sider className='sider'>
              <Recommend/>
            </Sider>
          </Layout>
          <Footer className='footer'>
            <span>Author @Yifan Zou</span>
            <a href='mailto: efpyi@example.com'>Email</a>
            <a href='https://github.com/jingedawang/StockPredictor' target="_blank">GitHub</a>
        </Footer>
      </Layout>
    </div>
  );
}

export default App;
