fix: Search icon is not showing in navbar#3441

asyncapi · Dec 7, 2024 · 12c5bd8 · 12c5bd8
1 parent 4e4ed3e
commit 12c5bd8
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/components/AlgoliaSearch.tsx b/components/AlgoliaSearch.tsx
@@ -8,6 +8,8 @@ import { useRouter } from 'next/router';
 import React, { createContext, useCallback, useContext, useEffect, useRef, useState } from 'react';
 import { createPortal } from 'react-dom';
 
+import IconLoupe from '@/components/icons/Loupe';
+
 export const INDEX_NAME = 'asyncapi';
 export const DOCS_INDEX_NAME = 'asyncapi-docs';
 const APP_ID = 'Z621OGRI9Y';
@@ -325,7 +327,7 @@ export function SearchButton({ children, indexName = INDEX_NAME, ...props }: ISe
       {...props}
       data-testid='Search-Button'
     >
-      {Children}
+      {Children || <IconLoupe className='h-5 w-5' />}
     </button>
   );
 }