From 61a4fe3d05b90438d40ad94a9870f3ee409361fa Mon Sep 17 00:00:00 2001
From: Daniel Karbach <daniel.karbach@localhorst.tv>
Date: Tue, 28 Feb 2023 09:56:16 +0100
Subject: [PATCH] fix sticky nav

---
 resources/js/components/common/Header.js | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/resources/js/components/common/Header.js b/resources/js/components/common/Header.js
index 1bb2ce1..53119bc 100644
--- a/resources/js/components/common/Header.js
+++ b/resources/js/components/common/Header.js
@@ -2,6 +2,7 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import { Button, Container, Nav, Navbar } from 'react-bootstrap';
 import { LinkContainer } from 'react-router-bootstrap';
+import { useLocation } from 'react-router-dom';
 import { useTranslation } from 'react-i18next';
 
 import Icon from './Icon';
@@ -10,6 +11,7 @@ import { getAvatarUrl } from '../../helpers/User';
 import { withUser } from '../../helpers/UserContext';
 
 const Header = ({ doLogout, user }) => {
+	const { pathname } = useLocation();
 	const { t } = useTranslation();
 
 	return <Navbar id="header" bg="dark" variant="dark">
@@ -19,7 +21,7 @@ const Header = ({ doLogout, user }) => {
 					ALttP
 				</Navbar.Brand>
 			</LinkContainer>
-			<Nav>
+			<Nav activeKey={pathname}>
 				<LinkContainer to="/tournaments/6">
 					<Nav.Link href="/tournaments/6">
 						ALttPR Weekly
@@ -31,7 +33,7 @@ const Header = ({ doLogout, user }) => {
 					</Nav.Link>
 				</LinkContainer>
 			</Nav>
-			<Nav className="ms-auto">
+			<Nav activeKey={pathname} className="ms-auto">
 				<LinkContainer to="/tech">
 					<Nav.Link href="/tech">
 						{t('menu.tech')}
-- 
2.39.2