diff --git a/frontend/src/components/ui/pagination.ts b/frontend/src/components/ui/pagination.ts index 508d507c..5349dae8 100644 --- a/frontend/src/components/ui/pagination.ts +++ b/frontend/src/components/ui/pagination.ts @@ -8,6 +8,7 @@ import { when } from "lit/directives/when.js"; import { SearchParamsController } from "@/controllers/searchParams"; import { srOnly } from "@/utils/css"; +import localize from "@/utils/localize"; import chevronLeft from "~assets/icons/chevron-left.svg"; import chevronRight from "~assets/icons/chevron-right.svg"; @@ -375,7 +376,7 @@ export class Pagination extends LitElement { .align=${"center"} @click=${() => this.onPageChange(page)} aria-disabled=${isCurrent} - >${page}${localize.number(page)} `; }; diff --git a/frontend/src/features/qa/page-list/page-list.ts b/frontend/src/features/qa/page-list/page-list.ts index 9a3c2011..23639886 100644 --- a/frontend/src/features/qa/page-list/page-list.ts +++ b/frontend/src/features/qa/page-list/page-list.ts @@ -10,6 +10,7 @@ import { type PageChangeEvent } from "@/components/ui/pagination"; import { renderSpinner } from "@/pages/org/archived-item-qa/ui/spinner"; import type { APIPaginatedList, APISortQuery } from "@/types/api"; import type { ArchivedItemQAPage } from "@/types/qa"; +import { pluralOf } from "@/utils/pluralize"; export type SortDirection = "asc" | "desc"; export type SortableFieldNames = @@ -139,10 +140,10 @@ export class PageList extends BtrixElement { > ${total === this.totalPages ? msg( - str`Showing all ${this.localize.number(this.totalPages)} pages`, + str`Showing all ${this.localize.number(this.totalPages)} ${pluralOf("pages", this.totalPages)}`, ) : msg( - str`Showing ${this.localize.number(total)} of ${this.localize.number(this.totalPages)} pages`, + str`Showing ${this.localize.number(total)} of ${this.localize.number(this.totalPages)} ${pluralOf("pages", this.totalPages)}`, )}