Context
Part of epic #6504's visual/ui-kit track. apps/loopover-miner-ui/src/routes/ledgers.tsx:117-134 hand-duplicates the same 4-branch loading/error/empty/data JSX pattern with plain-text loading ("Loading local ledgers…") and static full-dump event tables (lines 41-57, 178-195) with no sort/filter/pagination.
Requirements
- Adopt
Skeleton/chart.tsx for the claims cards' loading state.
- Adopt
pagination.tsx for both event tables.
- Adopt the shared async-state primitives from the ui-kit-port child issue of this same epic instead of the hand-rolled 4-branch JSX.
- Leave the underlying
ledgers.ts fetcher and the existing governor pause/resume action buttons untouched — restyle-only, per the epic's explicit boundary.
Deliverables
Test Coverage Requirements
99%+ Codecov patch coverage on every changed line and branch, plus a regression test for the new/changed behavior (note: apps/** UI code may fall outside the strict Codecov patch gate — check coverage.include — but a before/after screenshot table per this repo's UI-PR convention is still required for any visual change).
Expected Outcome
The ledgers route has content-shaped loading states and paginated event tables instead of static full dumps.
Links & Resources
Epic: #6504. apps/loopover-miner-ui/src/routes/ledgers.tsx:41-57,117-134,178-195.
Context
Part of epic #6504's visual/ui-kit track.
apps/loopover-miner-ui/src/routes/ledgers.tsx:117-134hand-duplicates the same 4-branch loading/error/empty/data JSX pattern with plain-text loading ("Loading local ledgers…") and static full-dump event tables (lines 41-57, 178-195) with no sort/filter/pagination.Requirements
Skeleton/chart.tsxfor the claims cards' loading state.pagination.tsxfor both event tables.ledgers.tsfetcher and the existing governor pause/resume action buttons untouched — restyle-only, per the epic's explicit boundary.Deliverables
ledgers.tsxrestyled with skeleton/chart/pagination across claims cards and both event tablesTest Coverage Requirements
99%+ Codecov patch coverage on every changed line and branch, plus a regression test for the new/changed behavior (note: apps/** UI code may fall outside the strict Codecov patch gate — check coverage.include — but a before/after screenshot table per this repo's UI-PR convention is still required for any visual change).
Expected Outcome
The ledgers route has content-shaped loading states and paginated event tables instead of static full dumps.
Links & Resources
Epic: #6504.
apps/loopover-miner-ui/src/routes/ledgers.tsx:41-57,117-134,178-195.