Build Stronger Claims: Drag-to-Reorder & Evidence Progress in the Deduction Claim Builder
Build Stronger Claims: Drag-to-Reorder & Evidence Progress in the Deduction Claim Builder
Release: v0.1.132
Overview
When preparing a deposit deduction case for adjudication, order matters. Leading with your most expensive or best-evidenced items puts the strongest part of your case front and centre. Until now, deduction lines in the claim builder could only be edited or deleted — there was no way to rearrange them once added.
v0.1.132 changes that with two practical improvements to the deduction claim builder.
What's Changed
1. Drag-to-Reorder Claim Lines
Every DeductionLine item now has a drag handle (the GripVertical icon) on its left edge. Click and drag to move a line up or down within the claim list.
- Reordering is persisted automatically to the server via the
updateDeductionOrdermutation — your chosen sequence is saved and will be consistent for everyone viewing the claim. - Built using
@dnd-kit/sortable, giving smooth, accessible drag-and-drop behaviour.
When to use it: Re-sequence your lines so high-value items or items with strong photographic evidence appear at the top. This shapes the narrative of your claim before it reaches an adjudicator.
2. Mobile: Up/Down Arrow Buttons
On smaller screens, drag handles are replaced by up (↑) and down (↓) arrow buttons on each claim line. Tap once to move a line one position in either direction. The same updateDeductionOrder mutation keeps the order in sync.
3. Running Evidence Status Row
Below the claims list, a new evidence status row displays a count such as:
3 of 5 items have evidence attached
This row updates live as you add or remove evidence from individual lines. It acts as a pre-submission checklist nudge — if you see 2 of 6 items have evidence attached before clicking submit, you know exactly where to focus.
Why this matters: Claims without evidence for every line are more vulnerable in disputes. The status row surfaces gaps early, when they're easy to fix.
Where to Find It
The updated claim builder is at:
Dashboard → Deductions → [Tenancy] → Claim Builder
No configuration is required. Drag handles and the evidence status row appear automatically for all claims.
Technical Notes
| Detail | Value |
|---|---|
| Drag library | @dnd-kit/sortable |
| Order persistence | updateDeductionOrder server mutation |
| Mobile fallback | Up/down arrow buttons (replaces drag handle) |
| File changed | src/app/dashboard/deductions/[tenancyId]/deduction-claim-builder.tsx |