beardofedu / beardofedu/hackathon-winners
Bug: Shipment status shows 'undefined' for international packages
- Dominant language
- HTML
- Stars
- 0
- Forks
- 0
- PR merge metrics
- No merged PRs in 30d
Description
## Bug Report
### Description
When viewing the shipment dashboard, any package with a `Customs Hold` status — which only appears on international shipments — displays **"undefined"** instead of the status label in the Status column of the table.
### Steps to reproduce
1. Open the demo app (`cd demo && npm run dev`)
2. Look at shipment **BFC-100431** (Toronto → Chicago, Bob's Burgers Restaurant Group)
3. Observe the Status column shows `undefined` instead of `Customs Hold`
### Expected behavior
The badge should display **"Customs Hold"** with an appropriate color (purple suggested, matching the stats bar).
### Root cause hint
Check `StatusBadge.jsx` — the `STATUS_CONFIG` object may be missing an entry for this status.
### Acceptance criteria
- [ ] `Customs Hold` status renders a properly styled badge in the table
- [ ] The badge color is consistent with the stats bar card color for Customs Hold
- [ ] No other status badges are affected
---
*Demo app is in the `/demo` directory. Run `npm install && npm run dev` to start.*
Contributor guide
No contributing guide indexed for this repository
Research direction
Start in the demo app by running `npm install && npm run dev`, then inspect `StatusBadge.jsx` and the `STATUS_CONFIG` entry used for shipment statuses. Reproduce the issue with shipment BFC-100431 and verify that `Customs Hold` displays as a purple-styled badge matching the stats bar, without changing other status badges.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Activity status
- Quiet
- Clarity
- Clearly specified
- Newbie friendliness
- 88/100