[release-4.21] OCPBUGS-76387: DataView Pagination page menus : i18n misses

frontend/packages/console-app/src/components/data-view/ConsoleDataView.tsx

@@ -219,7 +219,13 @@ export const ConsoleDataView = <
               </ResponsiveActions>
             )
           }
-          pagination={<Pagination itemCount={filteredData.length} {...pagination} />}
+          pagination={
+            <Pagination
+              itemCount={filteredData.length}
+              titles={{ ofWord: t('public~of') }}
+              {...pagination}
+            />
+          }
         />
         <InnerScrollContainer>
           <DataViewTable

frontend/packages/helm-plugin/locales/en/helm-plugin.json

@@ -50,6 +50,7 @@
   "App version": "App version",
   "Are you sure you want to rollback <1>{{releaseName}}</1> to <4>Revision {{revision}}</4>?": "Are you sure you want to rollback <1>{{releaseName}}</1> to <4>Revision {{revision}}</4>?",
   "Rollback to Revision {{revision}}": "Rollback to Revision {{revision}}",
+  "of": "of",
   "No release notes available": "No release notes available",
   "Release notes are not available for this Helm Chart.": "Release notes are not available for this Helm Chart.",
   "Name": "Name",

frontend/packages/helm-plugin/src/components/details-page/history/HelmReleaseHistoryTable.tsx

@@ -9,6 +9,7 @@ import {
   useDataViewPagination,
 } from '@patternfly/react-data-view';
 import { InnerScrollContainer, SortByDirection } from '@patternfly/react-table';
+import { useTranslation } from 'react-i18next';
 import { useSearchParams } from 'react-router-dom-v5-compat';
 import { LoadingBox } from '@console/internal/components/utils';
 import { HelmRelease } from '../../../types/helm-types';
@@ -38,6 +39,7 @@ const HelmReleaseHistoryTable: React.FC<HelmReleaseHistoryTableProps> = ({
   customGetColumnIndexById,
   customSortFunctions,
 }) => {
+  const { t } = useTranslation();
   const [searchParams, setSearchParams] = useSearchParams();
 
   // Initialize pagination
@@ -145,6 +147,7 @@ const HelmReleaseHistoryTable: React.FC<HelmReleaseHistoryTableProps> = ({
                 page={pagination.page}
                 onSetPage={pagination.onSetPage}
                 onPerPageSelect={pagination.onPerPageSelect}
+                titles={{ ofWord: t('helm-plugin~of') }}
                 isCompact
               />
             }

frontend/public/components/api-explorer.tsx

@@ -437,7 +437,11 @@ const APIResourcesList = compose(
             />
           </ToolbarItem>
           <ToolbarItem variant="pagination">
-            <Pagination itemCount={sortedResources.length} {...pagination} />
+            <Pagination
+              itemCount={sortedResources.length}
+              titles={{ ofWord: t('public~of') }}
+              {...pagination}
+            />
           </ToolbarItem>
         </ToolbarContent>
       </Toolbar>
@@ -837,7 +841,11 @@ const APIResourceAccessReview: FC<APIResourceTabProps> = ({
             />
           </FlexItem>
           <FlexItem align={{ default: 'alignRight' }}>
-            <Pagination itemCount={filteredData.length} {...pagination} />
+            <Pagination
+              itemCount={filteredData.length}
+              titles={{ ofWord: t('public~of') }}
+              {...pagination}
+            />
           </FlexItem>
         </Flex>
         <RowFilter

frontend/public/locales/en/public.json

@@ -25,6 +25,7 @@
   "Cluster": "Cluster",
   "API resources": "API resources",
   "by kind": "by kind",
+  "of": "of",
   "Kind": "Kind",
   "Group": "Group",
   "Namespaced": "Namespaced",