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 ( <>