chore: update bottom bar home icon

src/components/navigation/BottomNavBar.tsx

@@ -1,18 +1,20 @@
 import React from 'react'
 import BottomNavLink from './BottomNavLink'
 import BottomNavHighlightLink from './BottomNavLinkBig'
-import HomeHashtagIcon from '../icons/HomeHashtagIcon'
 import PagerIcon from '../icons/PagerIcon'
 import NotifiBoardIcon from '../icons/NotifBoardIcon'
 import BagIcon from '../icons/BagIcon'
 import HeartIcon from '../icons/HeartIcon'
-import { useParams } from 'next/navigation'
+import { useParams, usePathname } from 'next/navigation'
+import HomeIcon from '../icons/HomeIcon'
 
 type Props = object
 
 function BottomNavBar({ }: Props) {
   const params = useParams();
   const { name } = params;
+  const pathname = usePathname();
+  const isHomeRoute = pathname === `/${name}`;
 
   return (
     <div className="fixed bottom-0 left-0 w-full bg-transparent">
@@ -37,9 +39,16 @@ function BottomNavBar({ }: Props) {
               className="absolute z-20 w-full h-full px-2 grid grid-cols-5 gap-x-2 text-[10px] items-end"
             >
               <BottomNavLink href={`/${name}/orders`} icon={<BagIcon />} value="سبد خرید" />
-              <BottomNavLink href={`/${name}`} icon={<PagerIcon />} value="پیجر" />
-              <BottomNavHighlightLink href={`/${name}`} icon={<HomeHashtagIcon />} value="منو" />
-              <BottomNavLink href={`/${name}`} icon={<NotifiBoardIcon />} value="اعلان ها" />
+              <BottomNavLink href={`/${name}/pager`} icon={<PagerIcon />} value="پیجر" />
+              <BottomNavHighlightLink
+                href={`/${name}`}
+                icon={
+                  <HomeIcon className='transition-all duration-200'
+                    fill={isHomeRoute ? 'white' : 'transparent'}
+                    stroke={isHomeRoute ? 'black' : 'white'}
+                    strokeWidth={1} />}
+                value="منو" />
+              <BottomNavLink href={`/${name}/notifications`} icon={<NotifiBoardIcon />} value="اعلان ها" />
               <BottomNavLink href={'/auth'} icon={<HeartIcon />} value="پسند ها" />
             </div>
           </foreignObject>