Activate the head entries

ecc354d9 · meskio · 8f9bdfa9 · ecc354d9 · ecc354d9
Commit ecc354d9 authored 4 years ago by meskio
--- a/src/App.js
+++ b/src/App.js
@@ -13,8 +13,8 @@ import Head from './Head';
 function Panel(props) {
    return (
        <div>
-            <Head onLogout={props.onLogout} />
            <BrowserRouter>
+              <Head onLogout={props.onLogout} />
              <Switch>
                <Route path="/members">
                    <MemberList />

--- a/src/Head.js
+++ b/src/Head.js
 import React, { useContext } from 'react';
-import mano from './mano.svg';
 import { Navbar, Nav, NavDropdown, Button, Form } from 'react-bootstrap';
+import { useLocation } from 'react-router-dom';
+import mano from './mano.svg';
 import AuthContext from './AuthContext';

 function Head(props) {
    const auth = useContext(AuthContext);
+    let location = useLocation();

    let adminNav;
    if (auth.role === "admin") {
@@ -22,7 +24,7 @@ function Head(props) {
            </Navbar.Brand>
            <Navbar.Toggle aria-controls="basic-navbar-nav" />
            <Navbar.Collapse id="basic-navbar-nav">
-                <Nav className="mr-auto">
+                <Nav className="mr-auto" activeKey={location.pathname}>
                    <Nav.Link href="/products">Productos</Nav.Link>
                    <Nav.Link href="/purchase">Comprar</Nav.Link>
                </Nav>