diff options
Diffstat (limited to 'src/components/PaginationCursor/PaginationCursor.tsx')
| -rw-r--r-- | src/components/PaginationCursor/PaginationCursor.tsx | 18 |
1 files changed, 10 insertions, 8 deletions
diff --git a/src/components/PaginationCursor/PaginationCursor.tsx b/src/components/PaginationCursor/PaginationCursor.tsx index a8c6265..3b0c15f 100644 --- a/src/components/PaginationCursor/PaginationCursor.tsx +++ b/src/components/PaginationCursor/PaginationCursor.tsx @@ -12,6 +12,16 @@ const PaginationCursor = ({ return ( <div className={styles.wrapper}> + <div className={styles.info}> + {intl.formatMessage( + { + defaultMessage: + '{articlesCount, plural, =0 {# loaded articles} one {# loaded article} other {# loaded articles}} out of a total of {total}', + description: 'PaginationCursor: loaded articles count message', + }, + { articlesCount: current, total } + )} + </div> <progress className={styles.bar} max={total} @@ -23,14 +33,6 @@ const PaginationCursor = ({ 'Number of articles loaded out of the total available.', description: 'PaginationCursor: loaded articles count aria-label', })} - title={intl.formatMessage( - { - defaultMessage: - '{articlesCount, plural, =0 {# articles} one {# article} other {# articles}} out of a total of {total}', - description: 'PaginationCursor: loaded articles count message', - }, - { articlesCount: current, total } - )} ></progress> </div> ); |
