sidebar hided and header nav added

Author: vigneshwaran-chandrasekaran

src/components/common/HeadNavbar.js

@@ -0,0 +1,33 @@
+import React from 'react';
+import { Menu, Row, Col } from 'antd';
+import { UserOutlined, LogoutOutlined } from '@ant-design/icons';
+import { SESSION } from '../../services';
+
+const { SubMenu } = Menu;
+
+export default function HeadNavbar() {
+	const handleClick = (e) => {
+		console.log('click ', e);
+		if (e.key === 'logout') {
+			SESSION.logout();
+		}
+	};
+
+	return (
+		<Row justify="end" align="center">
+			<Col span={24}>
+				<Menu onClick={handleClick} mode="horizontal">
+					<SubMenu
+						icon={<UserOutlined />}
+						title="Profile"
+						style={{ float: 'right' }}
+					>
+						<Menu.Item icon={<LogoutOutlined />} key="logout">
+							Logout
+						</Menu.Item>
+					</SubMenu>
+				</Menu>
+			</Col>
+		</Row>
+	);
+}

src/components/common/index.js

@@ -1,2 +1,3 @@
 export { default as ErrorBoundary } from './ErrorBoundary';
+export { default as HeadNavbar } from './HeadNavbar';
 export { default as Loader } from './Loader';

src/components/routes/PrivateRoute.js

@@ -4,6 +4,7 @@ import { Layout } from 'antd';
 import { useDispatch } from 'react-redux';
 import { SESSION } from '../../services';
 import { Sidebar } from '../sidebar';
+import { HeadNavbar } from '../common';
 
 const { Content } = Layout;
 
@@ -27,8 +28,9 @@ function PrivateRoute({ children, location, ...rest }) {
 	if (SESSION.isLoggedIn()) {
 		return (
 			<Layout>
-				<Sidebar />
+				{/* <Sidebar /> */}
 				<Content>
+					<HeadNavbar />
 					<div className="p-10 height-100">
 						<Route {...rest}>{children}</Route>
 					</div>

src/forms/todo/todo.form.js

@@ -200,7 +200,7 @@ function TodoForm({ onClose }) {
 }
 
 TodoForm.propTypes = {
-	// onClose: PropTypes.func.isRequired,
+	onClose: PropTypes.func.isRequired,
 };
 
 export { TodoForm };