From ecc354d9bde4f111a162b10a611be2edaa8b76fb Mon Sep 17 00:00:00 2001
From: meskio <meskio@sindominio.net>
Date: Mon, 5 Oct 2020 11:12:13 +0200
Subject: [PATCH] Activate the head entries
---
src/App.js | 2 +-
src/Head.js | 6 ++++--
2 files changed, 5 insertions(+), 3 deletions(-)
diff --git a/src/App.js b/src/App.js
index 938fd28..3ea2fef 100644
--- 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 />
diff --git a/src/Head.js b/src/Head.js
index 76ff63e..5241de9 100644
--- a/src/Head.js
+++ b/src/Head.js
@@ -1,10 +1,12 @@
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>
--
GitLab