refactor: Navbar component

src/components/NavBar.css

@@ -6,7 +6,6 @@
   background: -webkit-linear-gradient(#0eaed3, #8346f6);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
- 
   font-size: 30px;
   font-weight: 900;
   line-height: 0.8;

src/components/NavBar.js

@@ -1,5 +1,7 @@
 import React, { Component } from 'react';
 import { Link } from 'react-router-dom';
+import { connect } from 'react-redux';
+import { userActions } from '../_actions';
 import {
   Container,
   Collapse,
@@ -10,8 +12,6 @@ import {
   NavItem
 } from 'reactstrap';
 
-import { isLogin } from '../utils/auth';
-
 import Button from '../components/Button';
 import './NavBar.css';
 import logo from '../assets/admin.svg';
@@ -74,7 +74,7 @@ class NavBar extends Component {
             <Nav className="ml-auto" navbar>
               <NavItem>
                 {
-                  isLogin() ? (
+                  this.props.loggedIn ? (
                     <Button
                       onClick={this.closeNavbar}
                       tag={Link}
@@ -101,4 +101,17 @@ class NavBar extends Component {
   }
 }
 
-export default NavBar;
+const mapStateToProps = (state) => {
+  return {
+    loggedIn: state.user.loggedIn,
+    error: state.user.error
+  };
+}
+
+const mapDispatchToProps = (dispatch) => {
+  return {
+    logout: () => dispatch(userActions.logout())
+  };
+}
+
+export default connect(mapStateToProps, mapDispatchToProps) (NavBar);