Fix translations for the result tabs (#16)

kitconcept · Feb 20, 2024 · 5685d65 · 5685d65
1 parent 1e9587d
commit 5685d65
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 ' +
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		Fix translations for the result tabs @reebalazs