From 487ae9a1e42e9433db92aca4b1e75f127f08f5a8 Mon Sep 17 00:00:00 2001
From: Kentai Radiquum <kentai.waah@gmail.com>
Date: Thu, 21 Nov 2024 17:54:49 +0500
Subject: [PATCH] fix: active page mark for home and bookmarks subcategories

---
 app/components/Navbar/Navbar.tsx | 23 +++++++++++++++++++----
 1 file changed, 19 insertions(+), 4 deletions(-)

diff --git a/app/components/Navbar/Navbar.tsx b/app/components/Navbar/Navbar.tsx
index 3477707..20bce24 100644
--- a/app/components/Navbar/Navbar.tsx
+++ b/app/components/Navbar/Navbar.tsx
@@ -19,6 +19,7 @@ export const Navbar = () => {
       iconActive: "material-symbols--home",
       title: "Домашняя",
       href: "/",
+      categoryHref: "/home",
       withAuthOnly: false,
       mobileMenu: false,
     },
@@ -89,12 +90,20 @@ export const Navbar = () => {
                 >
                   <span
                     className={`iconify ${
-                      pathname == link.href ? link.iconActive : link.icon
+                      [link.href, link.categoryHref].includes(
+                        "/" + pathname.split("/")[1]
+                      )
+                        ? link.iconActive
+                        : link.icon
                     } w-6 h-6`}
                   ></span>
                   <span
                     className={`${
-                      pathname == link.href ? "font-bold" : ""
+                      [link.href, link.categoryHref].includes(
+                        "/" + pathname.split("/")[1]
+                      )
+                        ? "font-bold"
+                        : ""
                     } text-sm sm:text-base`}
                   >
                     {link.title}
@@ -154,14 +163,20 @@ export const Navbar = () => {
                         >
                           <span
                             className={`iconify ${
-                              pathname == link.href
+                              [link.href, link.categoryHref].includes(
+                                "/" + pathname.split("/")[1]
+                              )
                                 ? link.iconActive
                                 : link.icon
                             } w-6 h-6`}
                           ></span>
                           <span
                             className={`${
-                              pathname == link.href ? "font-bold" : ""
+                              [link.href, link.categoryHref].includes(
+                                "/" + pathname.split("/")[1]
+                              )
+                                ? "font-bold"
+                                : ""
                             }`}
                           >
                             {link.title}