Fix translations for the result tabs (#16) (#17)

Co-authored-by: Balázs Reé <ree@greenfinity.hu>
kitconcept · Feb 20, 2024 · 361e6ac · 361e6ac
1 parent 1e9587d
commit 361e6ac
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 7 deletions.
diff --git a/news/16.bugfix b/news/16.bugfix
@@ -0,0 +1 @@
+Fix translations for the result tabs @reebalazs
diff --git a/src/components/theme/SolrSearch/SearchTabs.jsx b/src/components/theme/SolrSearch/SearchTabs.jsx
@@ -1,8 +1,8 @@
-import { FormattedMessage } from 'react-intl';
-import messages from './solr-facets-i18n';
+import { useIntl } from 'react-intl';
 
 export const SearchTabs = ({ groupSelect, setGroupSelect, facetGroups }) => {
   facetGroups = facetGroups || [];
+  const intl = useIntl();
   return (
     <div className="searchTabs ui top attached tabular menu">
       {facetGroups.map(([label, counter], index) => {
@@ -22,11 +22,7 @@ export const SearchTabs = ({ groupSelect, setGroupSelect, facetGroups }) => {
             }
           >
             <span>
-              {messages[label] ? (
-                <FormattedMessage {...messages[label]} />
-              ) : (
-                label
-              )}
+              {intl.formatMessage({ id: label, defaultMessage: label })}
               <span
                 className={
                   'searchCounter ui circular label ' +