nbar

import React, { Fragment } from 'react';
import { Link, Switch, Redirect, Route, useHistory } from 'react-router-dom';
import {
  Navbar,
  NavDropdown,
  Nav,
  Form,
  FormControl,
  Button,
} from 'react-bootstrap';
import Home from '../Home/Home';

import Books from '../Books/Books';
import { useAuth } from '../../auth/authContext';
import Register from '../Register/Register';
import Login from '../Login/Login';
/* eslint-disable */
const Nbar = (props) => {
  const { user, setUser } = useAuth();
  //setUser(user);

  const history = useHistory();

  const handleLogOut = () => {
    localStorage.removeItem('token');
    setUser(null);
    const path = `/Home`;
    history.push(path);
  };
  return (
    <div>
      <Navbar bg='light' expand='lg' fixed='top'>
        <Navbar.Brand as={Link} to={'/home'}>
          Epic library
        </Navbar.Brand>
        <Navbar.Toggle aria-controls='basic-navbar-nav' />
        <Navbar.Collapse id='basic-navbar-nav'>
          <Nav className='mr-auto'>
            <Nav.Link as={Link} to={'/home'}>
              Home
            </Nav.Link>
            {user ? (
              <Nav.Link as={Link} to={'/books'}>
                Books
              </Nav.Link>
            ) : null}
          </Nav>

          <Form inline>
            {user ? (
              <Button variant='danger' onClick={handleLogOut}>
                Log out
              </Button>
            ) : null}
          </Form>
        </Navbar.Collapse>
      </Navbar>
      <Switch>
        <Route path='/home' exact component={Home} />
        <Route path='/books' exact component={Books} />
        <Route path='/reg' exact component={Register} />
        <Route path='/login' exact component={Login} />
        <Route path='*'>
          <Redirect to='/home' />
        </Route>
      </Switch>
    </div>
  );
};

export default Nbar;