summaryrefslogtreecommitdiffstats
path: root/src/components/Widgets/RelatedThematics
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/Widgets/RelatedThematics')
-rw-r--r--src/components/Widgets/RelatedThematics/RelatedThematics.tsx12
1 files changed, 10 insertions, 2 deletions
diff --git a/src/components/Widgets/RelatedThematics/RelatedThematics.tsx b/src/components/Widgets/RelatedThematics/RelatedThematics.tsx
index afe3460..c6be3ca 100644
--- a/src/components/Widgets/RelatedThematics/RelatedThematics.tsx
+++ b/src/components/Widgets/RelatedThematics/RelatedThematics.tsx
@@ -1,9 +1,10 @@
import { ExpandableWidget, List } from '@components/WidgetParts';
-import { t } from '@lingui/macro';
import { ThematicPreview } from '@ts/types/taxonomies';
import Link from 'next/link';
+import { useIntl } from 'react-intl';
const RelatedThematics = ({ thematics }: { thematics: ThematicPreview[] }) => {
+ const intl = useIntl();
const sortedThematics = [...thematics].sort((a, b) =>
a.title.localeCompare(b.title)
);
@@ -20,7 +21,14 @@ const RelatedThematics = ({ thematics }: { thematics: ThematicPreview[] }) => {
return (
<ExpandableWidget
- title={thematics.length > 1 ? t`Related thematics` : t`Related thematic`}
+ title={intl.formatMessage(
+ {
+ defaultMessage:
+ '{thematicsCount, plural, =0 {Related thematics} one {Related thematic} other {Related thematics}}',
+ description: 'RelatedThematics: widget title',
+ },
+ { thematicsCount: thematics.length }
+ )}
withBorders={true}
>
<List items={thematicsList} />