feat(title): add menu to header

Paker30 · May 6, 2020 · a59e90b · a59e90b
1 parent f4b5477
commit a59e90b
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 6 deletions.
diff --git a/.eslintrc b/.eslintrc
@@ -10,6 +10,8 @@
         "comma-dangle": ["error", "only-multiline"],
         "react/prefer-stateless-function": "off",
         "object-curly-newline": ["error", { "multiline": true }],
-        "max-len": "off"
+        "max-len": "off",
+        "react/jsx-props-no-spreading": "off",
+        "react/jsx-indent-props": "off"
     }
 }
diff --git a/src/components/title/index.js b/src/components/title/index.js
@@ -1,16 +1,22 @@
 import React, { Component } from 'react';
-import { Layout } from 'antd';
+import { Layout, Menu } from 'antd';
+import { Link } from 'react-router-dom';
 
 const { Header } = Layout;
 
 export default class Title extends Component {
     render() {
-        const { title } = this.props;
         return (
             <Header>
-                <div className="logo">
-                    {title}
-                </div>
+                <div className="logo" />
+                <Menu theme="dark" mode="horizontal" defaultSelectedKeys={['1']}>
+                    <Menu.Item key="1">
+                        <Link to="/">Cellar</Link>
+                    </Menu.Item>
+                    <Menu.Item key="2">
+                        <Link to="add">Add</Link>
+                    </Menu.Item>
+                </Menu>
             </Header>
         );
     }