refactor(cards): extract useCardsPage + CardsPageView (Brief 3) #79

Merged
varutasu merged 1 commit from refactor/cards-page-split-brief-3 into main 2026-06-03 13:49:25 -04:00
varutasu commented 2026-06-03 13:07:41 -04:00 (Migrated from github.com)

Summary

  • Add lib/use-cards-page.js — search/filters, infinite scroll, bulk selection, favorites
  • Add components/CardsPageView.js — authenticated /cards UI (filters, grid, modals)
  • pages/cards.js is now a ~40-line composer (ProtectedRoute + useAuth + hook + view)

Completes the pages/cards.js god-component split started in #77–#78.

Test plan

  • npm run lint
  • npm run test:run (80/80)
  • Logged-in /cards: filters, infinite scroll, bulk toolbar, add-to-list modal

Made with Cursor

## Summary - Add `lib/use-cards-page.js` — search/filters, infinite scroll, bulk selection, favorites - Add `components/CardsPageView.js` — authenticated `/cards` UI (filters, grid, modals) - `pages/cards.js` is now a ~40-line composer (`ProtectedRoute` + `useAuth` + hook + view) Completes the `pages/cards.js` god-component split started in #77–#78. ## Test plan - [x] `npm run lint` - [x] `npm run test:run` (80/80) - [ ] Logged-in `/cards`: filters, infinite scroll, bulk toolbar, add-to-list modal Made with [Cursor](https://cursor.com)
vercel[bot] commented 2026-06-03 13:07:43 -04:00 (Migrated from github.com)

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
tcg-vault Ready Ready Preview, Comment Jun 3, 2026 5:08pm

Request Review

[vc]: #P38iOoR+we5btpM26AsyPssSCfcq20PGgd+XDzW+9UY=:eyJpc01vbm9yZXBvIjp0cnVlLCJ0eXBlIjoiZ2l0aHViIiwicHJvamVjdHMiOlt7Im5hbWUiOiJ0Y2ctdmF1bHQiLCJwcm9qZWN0SWQiOiJwcmpfRjZXOEVvRkd3Y0g3aWVGcnRvRlNlOXdVVkFhNSIsImluc3BlY3RvclVybCI6Imh0dHBzOi8vdmVyY2VsLmNvbS9yYW5kYWxsLXN0aWxsd2VsbHMtcHJvamVjdHMvdGNnLXZhdWx0L3M4YXRlQ29mVDYzV0tjNlZvWUt0aFVoY2M0bkoiLCJwcmV2aWV3VXJsIjoidGNnLXZhdWx0LWdpdC1yZWZhY3Rvci1jYXJkcy1jNjc1NjYtcmFuZGFsbC1zdGlsbHdlbGxzLXByb2plY3RzLnZlcmNlbC5hcHAiLCJuZXh0Q29tbWl0U3RhdHVzIjoiREVQTE9ZRUQiLCJsaXZlRmVlZGJhY2siOnsicmVzb2x2ZWQiOjAsInVucmVzb2x2ZWQiOjAsInRvdGFsIjowLCJsaW5rIjoidGNnLXZhdWx0LWdpdC1yZWZhY3Rvci1jYXJkcy1jNjc1NjYtcmFuZGFsbC1zdGlsbHdlbGxzLXByb2plY3RzLnZlcmNlbC5hcHAifSwicm9vdERpcmVjdG9yeSI6bnVsbH1dLCJyZXF1ZXN0UmV2aWV3VXJsIjoiaHR0cHM6Ly92ZXJjZWwuY29tL3ZlcmNlbC1hZ2VudC9yZXF1ZXN0LXJldmlldz9vd25lcj12YXJ1dGFzdSZyZXBvPXRjZy12YXVsdCZwcj03OSJ9 The latest updates on your projects. Learn more about [Vercel for GitHub](https://vercel.link/github-learn-more). | Project | Deployment | Actions | Updated (UTC) | | :--- | :----- | :------ | :------ | | [tcg-vault](https://vercel.com/randall-stillwells-projects/tcg-vault) | ![Ready](https://vercel.com/static/status/ready.svg) [Ready](https://vercel.com/randall-stillwells-projects/tcg-vault/s8ateCofT63WKc6VoYKthUhcc4nJ) | [Preview](https://tcg-vault-git-refactor-cards-c67566-randall-stillwells-projects.vercel.app), [Comment](https://vercel.live/open-feedback/tcg-vault-git-refactor-cards-c67566-randall-stillwells-projects.vercel.app?via=pr-comment-feedback-link) | Jun 3, 2026 5:08pm | <a href="https://vercel.com/vercel-agent/request-review?owner=varutasu&repo=tcg-vault&pr=79" rel="noreferrer"><picture><source media="(prefers-color-scheme: dark)" srcset="https://agents-vade-review.vercel.sh/request-review-dark.svg"><source media="(prefers-color-scheme: light)" srcset="https://agents-vade-review.vercel.sh/request-review-light.svg"><img src="https://agents-vade-review.vercel.sh/request-review-light.svg" alt="Request Review"></picture></a>
github-actions[bot] commented 2026-06-03 13:07:58 -04:00 (Migrated from github.com)

Pipeline Health

Build + CI gates

Gate Status
Vercel build (Preview) pass
CI: Lint pass
CI: Schema map fresh skipped
Preview smoke pass
Visual diff pass

Build runs on Vercel; this CI runs lint and schema-map drift only (no duplicate build).

Role reports

Role Status
Reviewer report pending
A11y audit pending
Design system audit pending

See individual comments above for details. This rollup updates automatically.

<!-- pipeline-rollup --> ## Pipeline Health ### Build + CI gates | Gate | Status | | --- | --- | | Vercel build (Preview) | ✅ pass | | CI: Lint | ✅ pass | | CI: Schema map fresh | ❌ skipped | | Preview smoke | ✅ pass | | Visual diff | ✅ pass | _Build runs on Vercel; this CI runs lint and schema-map drift only (no duplicate build)._ ### Role reports | Role | Status | | --- | --- | | Reviewer report | ⏳ pending | | A11y audit | ⏳ pending | | Design system audit | ⏳ pending | See individual comments above for details. This rollup updates automatically.
github-actions[bot] commented 2026-06-03 13:09:03 -04:00 (Migrated from github.com)

Visual Diff

Screenshots and diffs uploaded as artifacts: view run

If intentional changes: update snapshots locally with npx playwright test --project=visual --update-snapshots and commit.

## Visual Diff Screenshots and diffs uploaded as artifacts: [view run](https://github.com/varutasu/tcg-vault/actions/runs/26900556400) If intentional changes: update snapshots locally with `npx playwright test --project=visual --update-snapshots` and commit.
Sign in to join this conversation.
No description provided.