diff options
Diffstat (limited to 'src/components/PostFooter/PostFooter.tsx')
| -rw-r--r-- | src/components/PostFooter/PostFooter.tsx | 11 |
1 files changed, 9 insertions, 2 deletions
diff --git a/src/components/PostFooter/PostFooter.tsx b/src/components/PostFooter/PostFooter.tsx index ad471eb..6c97ec2 100644 --- a/src/components/PostFooter/PostFooter.tsx +++ b/src/components/PostFooter/PostFooter.tsx @@ -1,10 +1,12 @@ import { ButtonLink } from '@components/Buttons'; -import { t } from '@lingui/macro'; import { TopicPreview } from '@ts/types/taxonomies'; import Image from 'next/image'; +import { useIntl } from 'react-intl'; import styles from './PostFooter.module.scss'; const PostFooter = ({ topics }: { topics: TopicPreview[] }) => { + const intl = useIntl(); + const getTopics = () => { return topics.map((topic) => { return ( @@ -31,7 +33,12 @@ const PostFooter = ({ topics }: { topics: TopicPreview[] }) => { {topics.length > 0 && ( <> <dl className={styles.meta}> - <dt>{t`Read more articles about:`}</dt> + <dt> + {intl.formatMessage({ + defaultMessage: 'Read more articles about:', + description: 'PostFooter: read more posts about given subjects', + })} + </dt> <dd> <ul className={styles.list}>{getTopics()}</ul> </dd> |
