markus/next-ory
1
0
Fork 0
mirror of https://codeberg.org/MarkusThielker/next-ory.git synced 2025-07-02 12:59:20 +00:00
Code Releases Packages Activity

NORY-41: add new pagination

Browse source
This commit is contained in:
Markus Thielker 2025-01-04 14:47:27 +01:00
parent 2d2c021446
commit 9defc8a391
No known key found for this signature in database
4 changed files with 122 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

10
dashboard/src/app/(inside)/user/page.tsx
View file

@ -2,6 +2,7 @@ import React from 'react';
import { IdentityDataTable } from '@/app/(inside)/user/data-table';
import { SearchInput } from '@/components/search-input';
import { queryIdentities } from '@/lib/action/identity';
import { IdentityPagination } from '@/components/pagination';
export default async function UserPage(
{
@ -17,6 +18,7 @@ export default async function UserPage(
const query = params.query ? params.query as string : '';
let pageSize = 50;
let paginationRange = 11;
const { data, pageCount } = await queryIdentities({ page, pageSize, query });
@ -31,12 +33,18 @@ export default async function UserPage(
<div className="space-y-2">
<SearchInput
value={query}
pageParamKey="page"
queryParamKey="query"
placeholder="Search for identifiers (Email, Username...)"/>
placeholder="Search for addresses and traits"/>
<IdentityDataTable
data={data}
page={page}
query={query}/>
<IdentityPagination
page={page}
pageCount={pageCount}
pageParamKey="page"
paginationRange={paginationRange}/>
</div>
</div>
);