beardofedu / beardofedu/hackathon-winners

Bug: Shipment status shows 'undefined' for international packages

Open Beginner friendly
#2 0 comments 0 reactions 0 assignees View on GitHub
bug
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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.