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}