Merge pull request #1386 from prezly/feature/dev-22068-add-search-label-to-the-search-icon-in-the-nav

[DEV-22068] Feature - Show search text in button when there are less items in nav

Author: fgyimah

src/modules/Header/ui/Header.tsx

@@ -180,6 +180,13 @@ export function Header({
     const isCategoriesLayoutBar = categoriesLayout === 'bar';
     const isCategoriesLayoutDropdown = categoriesLayout === 'dropdown' || isMobile;
     const numberOfPublicGalleries = newsroom.public_galleries_number;
+    const shouldShowSearchText =
+        !isMobile &&
+        [
+            isPreview || numberOfPublicGalleries > 0,
+            mainSiteUrl,
+            isCategoriesLayoutDropdown && translatedCategories.length > 0,
+        ].filter(Boolean).length < 2;
 
     return (
         <>
@@ -217,7 +224,11 @@ export function Header({
                                     aria-expanded={isSearchOpen}
                                     title={formatMessage(translations.search.title)}
                                     aria-label={formatMessage(translations.search.title)}
-                                />
+                                >
+                                    {shouldShowSearchText
+                                        ? formatMessage(translations.search.title)
+                                        : undefined}
+                                </ButtonLink>
                             )}
 
                             {shouldShowMenu && (