diff --git a/src/components/layout/Header.jsx b/src/components/layout/Header.jsx index a0620ed..a35b05e 100644 --- a/src/components/layout/Header.jsx +++ b/src/components/layout/Header.jsx @@ -1,11 +1,12 @@ import { useState, useEffect } from 'react' import { Sheet, SheetTrigger, SheetContent, SheetTitle } from '@/components/ui/Sheet' import * as VisuallyHidden from '@radix-ui/react-visually-hidden' -import { Link } from 'react-router-dom' +import { Link, useLocation } from 'react-router-dom' const Header = () => { const [isScrolled, setIsScrolled] = useState(false) const [mobileMenuOpen, setMobileMenuOpen] = useState(false) + const location = useLocation() useEffect(() => { const handleScroll = () => { @@ -44,18 +45,22 @@ const Header = () => { const closeMobileMenu = () => setMobileMenuOpen(false) + const isActive = (href) => location.pathname === href + return (
{/* Logo */}
- Queue North Technologies - Queue North + + Queue North Technologies + Queue North +
{/* Desktop Nav */} @@ -64,7 +69,7 @@ const Header = () => { {link.name} @@ -95,17 +100,18 @@ const Header = () => {
- Queue North - Queue North + + Queue North + Queue North +