From a975f9c5d106c00400990dadcf8eeba9e245a86d Mon Sep 17 00:00:00 2001 From: mohammedsaid18 Date: Sat, 11 Oct 2025 07:15:28 +0000 Subject: [PATCH] Update src/components/shared/Header.tsx --- src/components/shared/Header.tsx | 99 +++++++++++++++++++++++++------- 1 file changed, 79 insertions(+), 20 deletions(-) diff --git a/src/components/shared/Header.tsx b/src/components/shared/Header.tsx index 5646c22..e6d2cab 100644 --- a/src/components/shared/Header.tsx +++ b/src/components/shared/Header.tsx @@ -1,8 +1,8 @@ import { useLocation } from "react-router-dom"; import { - LayoutDashboard, - BookOpen, - CalendarDays, + // LayoutDashboard, + // BookOpen, + // CalendarDays, Plus, User, Settings, @@ -20,6 +20,63 @@ import { useEffect, useState } from "react"; import { Link } from "react-router-dom"; import Logo from "./Logo"; +const LayoutDashboard = () => { + return ( + + + + + ) +} + +const LayoutDashboardLight = () => { + return ( + + + + + + ) +} + +const BookOpen = () => { + return ( + + + + ) +} +const BookOpenLight = () => { + return ( + + + + + + ) +} + +const CalendarDays = () => { + return ( + + + + + + + ) +} +const CalendarDaysLight = () => { + return ( + + + + + + ) +} + + const Header = () => { const location = useLocation(); const [isMenuOpen, setIsMenuOpen] = useState(false); @@ -29,9 +86,9 @@ const Header = () => { const toggleMobileNav = () => setIsMobileNavOpen(!isMobileNavOpen); const navLinks = [ - { name: 'Dashboard', to: '/', icon: LayoutDashboard }, - { name: 'Portfolio', to: '/portfolio', icon: BookOpen }, - { name: 'Strategy', to: '/strategy', icon: CalendarDays }, + { name: 'Dashboard', to: '/', icon: LayoutDashboard, iconLight: LayoutDashboardLight }, + { name: 'Portfolio', to: '/portfolio', icon: BookOpen, iconLight: BookOpenLight }, + { name: 'Strategy', to: '/strategy', icon: CalendarDays, iconLight: CalendarDaysLight }, ]; const menuItems = [ @@ -77,13 +134,17 @@ const Header = () => { - + { + location.pathname === link.to ? + + : + + } {link.name} ))} @@ -111,9 +172,8 @@ const Header = () => { /> @@ -164,11 +224,10 @@ const Header = () => { {link.name}