feat(client): add Pagination component and integrate with Table and pages

- add Pagination component with prev/next, ellipsis page range, and optional page-size selector
- add Pagination and Table pagination stories (WithPagination, WithPaginationAndSizeSelector)
- extend Table with optional pageSize and pageSizeOptions props for built-in client-side pagination
- add Timestamp column to Table story fixtures
- enable pagination on all four pages with pageSize=10 and size selector
- add pagination i18n keys to en.json
This commit is contained in:
2026-04-09 10:43:45 +03:00
parent b4d576c6e9
commit 077cd6ad5f
11 changed files with 358 additions and 35 deletions
+2
View File
@@ -49,6 +49,8 @@ export function EnvironmentsPage() {
rowKey={(e) => e.id}
loading={loading}
emptyMessage={t('environments.empty')}
pageSize={10}
pageSizeOptions={[10, 25, 50]}
/>
</div>
);
+2
View File
@@ -36,6 +36,8 @@ export function KeysPage() {
rowKey={(k) => k.name}
loading={loading}
emptyMessage={t('keys.empty')}
pageSize={10}
pageSizeOptions={[10, 25, 50]}
/>
</div>
);
+2
View File
@@ -70,6 +70,8 @@ export function ScenariosPage() {
rowKey={(s) => s.id}
loading={loading}
emptyMessage={t('scenarios.empty')}
pageSize={10}
pageSizeOptions={[10, 25, 50]}
/>
</div>
);
+2
View File
@@ -69,6 +69,8 @@ export function SessionsPage() {
rowKey={(s) => s.id}
loading={loading}
emptyMessage={t('sessions.empty')}
pageSize={10}
pageSizeOptions={[10, 25, 50]}
/>
</div>
);