aboutsummaryrefslogtreecommitdiffstats
path: root/src/components/PaginationCursor/PaginationCursor.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/PaginationCursor/PaginationCursor.tsx')
-rw-r--r--src/components/PaginationCursor/PaginationCursor.tsx43
1 files changed, 0 insertions, 43 deletions
diff --git a/src/components/PaginationCursor/PaginationCursor.tsx b/src/components/PaginationCursor/PaginationCursor.tsx
deleted file mode 100644
index d64f961..0000000
--- a/src/components/PaginationCursor/PaginationCursor.tsx
+++ /dev/null
@@ -1,43 +0,0 @@
-import { useIntl } from 'react-intl';
-import styles from './PaginationCursor.module.scss';
-
-const PaginationCursor = ({
- current,
- total,
-}: {
- current: number;
- total: number;
-}) => {
- const intl = useIntl();
-
- 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',
- id: 'du4MLN',
- },
- { articlesCount: current, total }
- )}
- </div>
- <progress
- className={styles.bar}
- max={total}
- value={current}
- aria-valuemin={0}
- aria-valuemax={total}
- aria-label={intl.formatMessage({
- defaultMessage:
- 'Number of articles loaded out of the total available.',
- description: 'PaginationCursor: loaded articles count aria-label',
- id: 'mC21ht',
- })}
- ></progress>
- </div>
- );
-};
-
-export default PaginationCursor;