{"size": 2203, "ext": "js", "max_stars_repo_path": "src/components/common/navBar/index.js", "max_stars_repo_name": "Nandhini-Madan/MerchantMarketPlace", "max_stars_repo_stars_event_min_datetime": "2021-03-12T04:19:40.000Z", "max_stars_repo_stars_event_max_datetime": "2021-03-12T14:29:43.000Z", "max_issues_repo_path": "src/components/common/navBar/index.js", "max_issues_repo_name": "Nandhini-Madan/MerchantMarketPlace", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/components/common/navBar/index.js", "max_forks_repo_name": "Nandhini-Madan/MerchantMarketPlace", "max_forks_repo_forks_event_min_datetime": "2021-04-29T03:03:35.000Z", "max_forks_repo_forks_event_max_datetime": "2021-04-29T21:06:13.000Z"}
{"max_stars_count": 2, "max_issues_count": null, "max_forks_count": 2, "avg_line_length": 29.7702702703, "max_line_length": 78, "alphanum_fraction": 0.484339537}
import { Link } from 'react-router-dom';
import { Menu, Layout } from 'antd';
import './navStyles.css';
import React from 'react';
import { UserOutlined, NotificationOutlined } from '@ant-design/icons';
import Dashboard from '../../sellerPages/profile/dashboard';

const { SubMenu } = Menu;
const { Header, Content, Sider } = Layout;

function NavBar() {
  return (
    <Layout>
      <Header
        className="header"
        style={{ background: 'rgb(44, 140, 172)' }}
      ></Header>
      <Layout>
        <Sider width={200} className="site-layout-background">
          <Menu
            mode="inline"
            defaultSelectedKeys={['1']}
            defaultOpenKeys={['sub1']}
            style={{ height: '100%', borderRight: 0 }}
          >
            <SubMenu
              key="sub1"
              icon={<UserOutlined />}
              title="Inventory"
              style={{ color: 'black', marginTop: 50 }}
            >
              <Menu.Item key="1">
                Published <Link path to="/myprofile/inventory"></Link>
              </Menu.Item>

              <Menu.Item key="3">Drafts</Menu.Item>
              <Menu.Item key="4">Archives</Menu.Item>
            </SubMenu>

            <SubMenu
              style={{ color: 'black' }}
              key="sub3"
              icon={<NotificationOutlined />}
              title="Personal Information"
            >
              <Menu.Item key="9">
                View <Link path to="/myprofile/myinfo"></Link>
              </Menu.Item>
            </SubMenu>
          </Menu>
        </Sider>
        {window.location.pathname === '/myprofile/myinfo' ||
        window.location.pathname === '/myprofile/editinfo' ||
        window.location.pathname === '/myprofile/inventory/additem' ? null : (
          <Layout style={{ padding: '0 24px 24px', color: 'white' }}>
            <Content
              className="site-layout-background"
              style={{
                padding: 24,
                margin: 0,
                minHeight: 300,
              }}
            >
              <Dashboard />
            </Content>
          </Layout>
        )}
      </Layout>
    </Layout>
  );
}

export default NavBar;
