From 5e7e637fd76ba39364bb4e7bdd2ddc3b25260f74 Mon Sep 17 00:00:00 2001
From: AlkenD <desteralken@gmail.com>
Date: Sat, 20 Jul 2024 16:26:42 +0530
Subject: [PATCH] fix: HeroIcons size prop empty in NavBar component

---
 src/lib/components/Navigation/NavBar.tsx | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/src/lib/components/Navigation/NavBar.tsx b/src/lib/components/Navigation/NavBar.tsx
index 5158976..74dbade 100644
--- a/src/lib/components/Navigation/NavBar.tsx
+++ b/src/lib/components/Navigation/NavBar.tsx
@@ -37,14 +37,18 @@ const Search = ({ isSearch, setIsSearch }: SearchProps) => (
       {isSearch ? (
         <span className="flex space-x-2">
           <div className="h-6 w-6 flex justify-center items-center aspect-square">
-            <HeroIcon iconName="XMarkIcon" type="outline" />
+            <HeroIcon size="small" iconName="XMarkIcon" type="outline" />
           </div>
           <span>Close</span>
         </span>
       ) : (
         <span className="flex space-x-2">
           <div className="h-6 w-6 flex justify-center items-center aspect-square">
-            <HeroIcon iconName="MagnifyingGlassIcon" type="outline" />
+            <HeroIcon
+              size="small"
+              iconName="MagnifyingGlassIcon"
+              type="outline"
+            />
           </div>
           <span>Search</span>
         </span>
@@ -121,7 +125,11 @@ const NavBar = ({ routes }: NavbarProps) => {
                 className="flex items-center px-2 rounded-full hover:bg-white/20 transition-colors"
               >
                 <div className="h-6 w-6 flex justify-center items-center aspect-square">
-                  <HeroIcon iconName="ChevronLeftIcon" type="outline" />
+                  <HeroIcon
+                    size="small"
+                    iconName="ChevronLeftIcon"
+                    type="outline"
+                  />
                 </div>
                 <div className="px-2">Back</div>
               </button>