src/components/MetaItems/PostsCount/PostsCount.tsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

import { MetaKind } from '@ts/types/app';
import { useIntl } from 'react-intl';
import { MetaItem } from '..';

const PostsCount = ({ total, kind }: { total: number; kind: MetaKind }) => {
  const intl = useIntl();

  return (
    <MetaItem
      title={intl.formatMessage({
        defaultMessage: 'Total:',
        description: 'PostCount: total found articles meta label',
      })}
      value={intl.formatMessage(
        {
          defaultMessage:
            '{total, plural, =0 {No articles} one {# article} other {# articles}}',
          description: 'PostCount: total found articles',
        },
        { total }
      )}
      kind={kind}
    />
  );
};

export default PostsCount;