Ryan/documenso
1
0
Fork 1
mirror of https://github.com/documenso/documenso.git synced 2025-11-15 17:21:41 +10:00
Code Issues Packages Projects Releases Wiki Activity

chore: add translations

Browse Source
This commit is contained in:
Ephraim Atta-Duncan
2025-06-05 12:31:53 +00:00
parent de45a63c97
commit 64695fad32
7 changed files with 68 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
packages/ui/primitives/data-table-pagination.tsx
View File

@ -1,3 +1,5 @@
import { msg } from '@lingui/core/macro';
import { useLingui } from '@lingui/react';
import { Plural, Trans } from '@lingui/react/macro';
import type { Table } from '@tanstack/react-table';
import { ChevronLeft, ChevronRight, ChevronsLeft, ChevronsRight } from 'lucide-react';
@ -21,6 +23,8 @@ export function DataTablePagination<TData>({
table,
additionalInformation = 'VisibleCount',
}: DataTablePaginationProps<TData>) {
const { _ } = useLingui();
return (
<div className="flex flex-wrap items-center justify-between gap-x-4 gap-y-4 px-2">
<div className="text-muted-foreground flex-1 text-sm">
@ -86,7 +90,7 @@ export function DataTablePagination<TData>({
onClick={() => table.setPageIndex(0)}
disabled={!table.getCanPreviousPage()}
>
<span className="sr-only">Go to first page</span>
<span className="sr-only">{_(msg`Go to first page`)}</span>
<ChevronsLeft className="h-4 w-4" />
</Button>
<Button
@ -95,7 +99,7 @@ export function DataTablePagination<TData>({
onClick={() => table.previousPage()}
disabled={!table.getCanPreviousPage()}
>
<span className="sr-only">Go to previous page</span>
<span className="sr-only">{_(msg`Go to previous page`)}</span>
<ChevronLeft className="h-4 w-4" />
</Button>
<Button
@ -104,7 +108,7 @@ export function DataTablePagination<TData>({
onClick={() => table.nextPage()}
disabled={!table.getCanNextPage()}
>
<span className="sr-only">Go to next page</span>
<span className="sr-only">{_(msg`Go to next page`)}</span>
<ChevronRight className="h-4 w-4" />
</Button>
<Button
@ -113,7 +117,7 @@ export function DataTablePagination<TData>({
onClick={() => table.setPageIndex(table.getPageCount() - 1)}
disabled={!table.getCanNextPage()}
>
<span className="sr-only">Go to last page</span>
<span className="sr-only">{_(msg`Go to last page`)} </span>
<ChevronsRight className="h-4 w-4" />
</Button>
</div>