Add drag reorder for zones #18

Merged
nalalangan merged 1 commits from feature/drag-reorder-zones into feature-custom-store-locations 2026-05-31 19:42:58 -09:00
Owner

Owner: Codex
Status: review
Branch: feature/drag-reorder-zones
Branch relationship: stacked on parent branch feature-custom-store-locations
Likely modified areas: zone management modal, manage page CSS, manage UI tests
Actual modified files: frontend/src/components/manage/StoreZoneManager.jsx; frontend/src/styles/components/manage/ManageStores.css; frontend/tests/available-items-catalog.spec.ts
Collision risk: medium
Last meaningful update: 2026-06-01 - Added inline zone ordering and drag reorder controls.

Summary:

  • Keeps the zone order number and zone name inline on narrow/mobile layouts.
  • Adds a left-side drag handle to zone rows for direct shopping-order reordering.
  • Persists drag reorder changes through the existing zone sort-order update API and shows a success toast.
  • Updates Playwright coverage at a 460px viewport for inline layout and drag reorder behavior.

Tests:

  • npm run lint
  • npm run typecheck
  • PLAYWRIGHT_BASE_URL=http://127.0.0.1:3924 npm run test:e2e -- available-items-catalog.spec.ts
  • npm run build:frontend

Notes:

  • Frontend build completed, but Vite warned the shell Node.js version is 20.13.1 while the project expects 20.19+ or 22.12+.
  • In-app browser verification was blocked by the existing Windows sandbox startup failure; focused Playwright coverage passed.
Owner: Codex Status: review Branch: feature/drag-reorder-zones Branch relationship: stacked on parent branch feature-custom-store-locations Likely modified areas: zone management modal, manage page CSS, manage UI tests Actual modified files: frontend/src/components/manage/StoreZoneManager.jsx; frontend/src/styles/components/manage/ManageStores.css; frontend/tests/available-items-catalog.spec.ts Collision risk: medium Last meaningful update: 2026-06-01 - Added inline zone ordering and drag reorder controls. Summary: - Keeps the zone order number and zone name inline on narrow/mobile layouts. - Adds a left-side drag handle to zone rows for direct shopping-order reordering. - Persists drag reorder changes through the existing zone sort-order update API and shows a success toast. - Updates Playwright coverage at a 460px viewport for inline layout and drag reorder behavior. Tests: - npm run lint - npm run typecheck - PLAYWRIGHT_BASE_URL=http://127.0.0.1:3924 npm run test:e2e -- available-items-catalog.spec.ts - npm run build:frontend Notes: - Frontend build completed, but Vite warned the shell Node.js version is 20.13.1 while the project expects 20.19+ or 22.12+. - In-app browser verification was blocked by the existing Windows sandbox startup failure; focused Playwright coverage passed.
nalalangan added 1 commit 2026-05-31 19:42:25 -09:00
nalalangan merged commit 5fd9d68fe3 into feature-custom-store-locations 2026-05-31 19:42:58 -09:00
nalalangan deleted branch feature/drag-reorder-zones 2026-05-31 19:42:58 -09:00
Sign in to join this conversation.
No reviewers
No Label
No Milestone
No project
No Assignees
1 Participants
Notifications
Due Date
The due date is invalid or out of range. Please use the format 'yyyy-mm-dd'.

No due date set.

Dependencies

No dependencies set.

Reference: nalalangan/grocery-app#18
No description provided.