From 3ff244c9b16274970b1fb7aef9afb88da2ee483d Mon Sep 17 00:00:00 2001
From: Mahyar Khanbolooki <mahyarkhn@proton.me>
Date: Tue, 12 Aug 2025 20:00:08 +0330
Subject: [PATCH] add: bottom nav dark theme

---
 src/components/navigation/BottomNavBar.tsx     | 10 +++++-----
 src/components/navigation/BottomNavLink.tsx    |  2 +-
 src/components/navigation/BottomNavLinkBig.tsx |  2 +-
 3 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/components/navigation/BottomNavBar.tsx b/src/components/navigation/BottomNavBar.tsx
index 14bea8d..d980965 100644
--- a/src/components/navigation/BottomNavBar.tsx
+++ b/src/components/navigation/BottomNavBar.tsx
@@ -21,7 +21,7 @@ function BottomNavBar() {
   });
 
   return (
-    <div className="fixed bottom-0 left-0 w-full bg-transparent">
+    <div className="fixed bottom-0 left-0 w-full bg-transparent pointer-events-none">
       <div className="max-w-md mx-auto w-full aspect-[436/104] relative z-30">
         <svg
           viewBox="0 0 436 104"
@@ -30,10 +30,10 @@ function BottomNavBar() {
           className="w-full h-full block"
           preserveAspectRatio="xMidYMid meet"
         >
-          <g filter="url(#filter0_d_9095_18036)">
+          <g filter="url(#filter0_d_9095_18036)" className='fill-container'>
             <path
+              className='pointer-events-auto'
               d="M218 16C229.034 16 238.711 22.0313 244.148 31.0943C245.844 33.9222 248.724 36 252.022 36H406C414.837 36 422 43.1634 422 52V80C422 88.8366 414.837 96 406 96H30C21.1634 96 14 88.8366 14 80V52C14 43.1634 21.1634 36 30 36H183.979C187.277 36 190.157 33.9222 191.853 31.0943C197.29 22.0315 206.966 16.0001 218 16Z"
-              fill="white"
             />
           </g>
 
@@ -50,8 +50,8 @@ function BottomNavBar() {
                   <HomeIcon className='transition-all duration-200'
                     fill={isHomeRoute ? 'white' : 'transparent'}
                     stroke={isHomeRoute ? 'black' : 'white'}
-                    strokeWidth={1} 
-                    width={20} 
+                    strokeWidth={1}
+                    width={20}
                     height={20} />}
                 value={t('Menu')} />
               <BottomNavLink href={`/${name}/notifications`} icon={<NotifiBoardIcon width={20} height={20} />} value={t('Notifications')} />
diff --git a/src/components/navigation/BottomNavLink.tsx b/src/components/navigation/BottomNavLink.tsx
index 659e9b8..0fdd5f8 100644
--- a/src/components/navigation/BottomNavLink.tsx
+++ b/src/components/navigation/BottomNavLink.tsx
@@ -17,7 +17,7 @@ function BottomNavLink({ icon, value, href, ...restProps }: Props) {
 
   return (
     <Link {...restProps} href={href} className={clsx(
-      'flex flex-col justify-arround items-center gap-[5px] text-disabled2',
+      'flex flex-col justify-arround items-center gap-[5px] text-disabled2 pointer-events-auto dark:**:stroke-neutral-500',
       isActive && 'text-foreground **:stroke-foreground',
        restProps.className ?? '',
     )}>
diff --git a/src/components/navigation/BottomNavLinkBig.tsx b/src/components/navigation/BottomNavLinkBig.tsx
index cac628d..0ece742 100644
--- a/src/components/navigation/BottomNavLinkBig.tsx
+++ b/src/components/navigation/BottomNavLinkBig.tsx
@@ -17,7 +17,7 @@ function BottomNavHighlightLink({ icon, value, href, ...restProps }: Props) {
 
   return (
     <Link {...restProps} href={href} className={clsx(
-      'flex flex-col justify-arround items-center gap-[5px] text-disabled2',
+      'flex flex-col justify-arround items-center gap-[5px] text-disabled2 pointer-events-auto',
       isActive && 'text-foreground',
       restProps.className ?? '',
     )}>