fix: HeroIcons size prop empty in NavBar component

DesterLib · Jul 20, 2024 · 5e7e637 · 5e7e637
1 parent f548b4c
commit 5e7e637
Showing 1 changed file with 11 additions and 3 deletions.
diff --git 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>