From bb66d8af6d879a718f6157e472ba01887f255ced Mon Sep 17 00:00:00 2001 From: sanket-rajput Date: Fri, 5 Dec 2025 01:21:28 +0530 Subject: [PATCH 1/3] feat(navbar): add active link underline + white highlight (#647) --- .../src/scaffolding/Header/Header.tsx | 62 ++++++++++++++----- .../src/scaffolding/Header/header.scss | 11 ++++ 2 files changed, 56 insertions(+), 17 deletions(-) diff --git a/application/frontend/src/scaffolding/Header/Header.tsx b/application/frontend/src/scaffolding/Header/Header.tsx index 334dd7b1..eb5fbcdf 100644 --- a/application/frontend/src/scaffolding/Header/Header.tsx +++ b/application/frontend/src/scaffolding/Header/Header.tsx @@ -2,7 +2,7 @@ import './header.scss'; import { Menu, Search } from 'lucide-react'; import React, { useState } from 'react'; -import { Link, useHistory } from 'react-router-dom'; +import { Link, useHistory, useLocation } from 'react-router-dom'; import { Button } from 'semantic-ui-react'; import { ClearFilterButton } from '../../components/FilterButton/FilterButton'; @@ -24,6 +24,14 @@ export const Header = () => { setIsMobileMenuOpen(false); }; + + + const location = useLocation(); + const currentPath = location.pathname; + const isActive = (path: string) => currentPath === path; + + + return ( <>