add label and display fixes

danilo-leal · Dec 12, 2023 · c509684 · c509684
1 parent c1dc9e8
commit c509684
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 7 deletions.
diff --git a/docs/src/modules/components/AppSearch.js b/docs/src/modules/components/AppSearch.js
@@ -397,8 +397,6 @@ export default function AppSearch(props) {
     return () => {};
   }, [isOpen]);
 
-  const search = `${t('algoliaSearch')}`;
-
   const optionalFilters = [];
   if (pageContext.productId !== 'null') {
     optionalFilters.push(`productId:${pageContext.productId}`);
@@ -423,7 +421,7 @@ export default function AppSearch(props) {
             }),
           })}
         />
-        <SearchLabel id="app-search-label">{search}</SearchLabel>
+        <SearchLabel id="app-search-label">{t('searchButton')}</SearchLabel>
         <Shortcut aria-hidden="true">
           {/* eslint-disable-next-line material-ui/no-hardcoded-labels */}
           {macOS ? '⌘' : 'Ctrl+'}K
@@ -458,7 +456,7 @@ export default function AppSearch(props) {
               analyticsTags: [facetFilterLanguage, `product:${pageContext.productId}`],
               hitsPerPage: 40,
             }}
-            placeholder={search}
+            placeholder={`${t('algoliaSearch')}`}
             transformItems={(items) => {
               return items.map((item) => {
                 // `url` contains the domain
@@ -678,8 +676,8 @@ export default function AppSearch(props) {
               color: (theme.vars || theme).palette.text.primary,
             },
             '& .DocSearch-Hit-path': {
-              display: 'flex',
-              gap: theme.spacing(1),
+              // display: 'flex',
+              // gap: theme.spacing(1),
               fontSize: theme.typography.pxToRem(12),
               color: (theme.vars || theme).palette.text.secondary,
             },
@@ -699,7 +697,7 @@ export default function AppSearch(props) {
               borderColor: (theme.vars || theme).palette.primary[300],
             },
             '& .DocSearch-Hit-action, & .DocSearch-Hits mark': {
-              display: 'flex',
+              // display: 'flex',
               color: (theme.vars || theme).palette.primary[500],
               '& .DocSearch-Hit-action-button': {
                 display: 'flex',

diff --git a/docs/translations/translations.json b/docs/translations/translations.json
@@ -61,6 +61,7 @@
   },
   "albumDescr": "A responsive album / gallery page layout with a hero unit and footer.",
   "albumTitle": "Album",
+  "searchButton": "Search…",
   "algoliaSearch": "What are you looking for?",
   "appFrame": {
     "changeLanguage": "Change language",