Files
kandev/docs/plans/github-mobile-parity/task-05-pagination.md
T
2026-09-12 10:06:05 +02:00

2.2 KiB

id, title, status, wave, depends_on, plan, requirements, acceptance_criteria, system_design
id title status wave depends_on plan requirements acceptance_criteria system_design
05-pagination Compact phone pagination complete 5
04-result-actions
plan.md
REQ-INTEGRATIONS-GITHUB-MOBILE-001
AC-INTEGRATIONS-GITHUB-MOBILE-001.4
AC-INTEGRATIONS-GITHUB-MOBILE-001.5
../../specs/integrations/system-design/github-dashboard-mobile.md

Compact phone pagination

Summary and scope

Implement the pagination section of the design, including its focused regressions and translations. Own only the files listed below and required adjacent tests.

Out of scope

Other work-order outcomes and changes to persistence or provider API contracts.

Acceptance

  • The referenced acceptance criteria pass through the real interaction/state boundary.
  • Failure paths retain prior state and permit recovery; desktop behavior remains intact.
  • Required targeted checks pass and results are recorded.

ASCII UI preview

UI-05: Compact phone pagination

Results (scroll)
101-125 of 1000+
[Previous] [Page 5 of 40 v] [Next]

See the combined preview. Geometry and hierarchy are structural; ASCII spacing is illustrative.

Verification

From the repository root:

(cd apps/web && pnpm e2e:run --project mobile-chrome tests/github/mobile-github-results.spec.ts)

Hook regressions use Red-Green-Refactor. Run new/changed tests after the final source edit.

Files likely touched

Paths relative to apps/web: components/github/my-github/results-pagination.tsx and its unit/browser regressions.

Dependencies

Task 04-result-actions.

Risks

Keep direct page selection and the search cap; test page 5 of 40 and widths on both sides of 768px.

Parallelism

sequential

Inputs

Requirements, paired design, existing source and tests named above.

Results

Three pagination unit tests pass. A phone browser scenario seeds 1,050 PRs, navigates directly to pages 5 and 40, verifies disabled previous/next limits, checks no overflow at 320px, and confirms the 767/768px presentation boundary. The existing 1,000-result limit and search state remain unchanged.