diff --git a/frontend/packages/console-app/src/components/data-view/ConsoleDataView.tsx b/frontend/packages/console-app/src/components/data-view/ConsoleDataView.tsx index c4f8473b336..13c130923f3 100644 --- a/frontend/packages/console-app/src/components/data-view/ConsoleDataView.tsx +++ b/frontend/packages/console-app/src/components/data-view/ConsoleDataView.tsx @@ -6,7 +6,7 @@ import { ResponsiveActions, SkeletonTableBody, } from '@patternfly/react-component-groups'; -import { Bullseye, Pagination, Tooltip } from '@patternfly/react-core'; +import { Bullseye, Pagination, PaginationVariant, Tooltip } from '@patternfly/react-core'; import { DataView, DataViewFilters, @@ -134,6 +134,19 @@ export const ConsoleDataView = < return undefined; }, [filteredData.length, loaded]); + const paginationTitles = useMemo( + () => ({ + ofWord: t('public~of'), + itemsPerPage: t('public~Items per page'), + perPageSuffix: t('public~per page'), + toFirstPageAriaLabel: t('public~Go to first page'), + toPreviousPageAriaLabel: t('public~Go to previous page'), + toNextPageAriaLabel: t('public~Go to next page'), + toLastPageAriaLabel: t('public~Go to last page'), + }), + [t], + ); + const dataViewFilterNodes = useMemo(() => { const basicFilters: ReactNode[] = []; @@ -221,15 +234,7 @@ export const ConsoleDataView = < } pagination={ - + } /> @@ -246,6 +251,16 @@ export const ConsoleDataView = < isResizable={isResizable} /> + + } + /> ); diff --git a/frontend/public/locales/en/public.json b/frontend/public/locales/en/public.json index 73c8b8e9660..a18d1d572c4 100644 --- a/frontend/public/locales/en/public.json +++ b/frontend/public/locales/en/public.json @@ -1766,6 +1766,10 @@ "Admission Webhook Warning": "Admission Webhook Warning", "{{kind}} {{name}} violates policy {{warning}}": "{{kind}} {{name}} violates policy {{warning}}", "Learn more": "Learn more", + "Go to first page": "Go to first page", + "Go to previous page": "Go to previous page", + "Go to next page": "Go to next page", + "Go to last page": "Go to last page", "Filter by name": "Filter by name", "Reset column widths": "Reset column widths", "{{label}} table": "{{label}} table",