Purchases: grouping toggle (date/category) + partial reloads on CRUD #222
No reviewers
Labels
No labels
bug
documentation
duplicate
enhancement
good first issue
help wanted
invalid
question
wontfix
No milestone
No project
No assignees
1 participant
Notifications
Due date
No due date set.
Dependencies
No dependencies set.
Reference
nidde/parenting-tool!222
Loading…
Add table
Add a link
Reference in a new issue
No description provided.
Delete branch "copilot/sort-and-load-purchases-page"
Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?
Two UX gaps on the Purchases page: no way to switch grouping modes, and every purchase mutation triggered a full-page reload (scroll loss, visual flash).
Changes
Grouping toggle
Index.vue:v-btn-toggle(calendar / tag icons) in the toolbar row; state stored inlocalStorage(purchases:groupBy) with validated read-back defaulting to'date'PurchaseList.vue: addedgroupBy: 'date' | 'category'prop;groupedByDate(existing logic) and newgroupedByCategory(alpha-sorted, uncategorised last); category view shows purchase date in subtitlePartial reloads
PurchaseFormModal.vue(store + update) andPurchaseList.vue(delete) now pass{ preserveScroll: true, only: ['purchases'] }— only the purchases list is refreshed, not the full pageType of Change
Testing
Code Quality
CI/CD Checks
Additional Notes
The
only: ['purchases']prop name matches the key returned byPurchaseController::index. No backend changes required — Inertia's partial reload mechanism handles filtering on the redirect follow-through.Comment
@coderabbitai helpto get the list of available commands and usage tips.