Skip to content

feat(#405): Build Shipment Cost Breakdown Calculator#465

Merged
Damidesign merged 1 commit into
Navin-xmr:mainfrom
JesseJohn7:feature/cost-breakdown-calculator
Jun 28, 2026
Merged

feat(#405): Build Shipment Cost Breakdown Calculator#465
Damidesign merged 1 commit into
Navin-xmr:mainfrom
JesseJohn7:feature/cost-breakdown-calculator

Conversation

@JesseJohn7

Copy link
Copy Markdown
Contributor

Summary

Closes #405

Changes

  • Created frontend/src/components/shipment/CostBreakdown/CostBreakdown.tsx
  • Displays all line items: base rate, weight surcharge, fuel surcharge, insurance fee, customs duty, discount, and total
  • Animated skeleton shown while estimate is loading
  • Total row is visually distinct with teal border and background
  • All amounts formatted with Intl.NumberFormat (locale-aware)

Integration

  • ShipmentDetail page: shows final confirmed cost breakdown
  • CreateShipment form: shows live estimate that auto-fetches when origin, destination, and weight are filled (debounced)

Testing

  • TypeScript: zero errors in our files
  • All acceptance criteria from the issue are met

…ansparency

- Create CostBreakdown.tsx with all line items: base rate, weight
  surcharge, fuel surcharge, insurance fee, customs duty, discount
- Animated skeleton shown while estimate loads
- Total row highlighted with distinct teal border style
- All amounts formatted with Intl.NumberFormat (locale-aware)
- Integrate into ShipmentDetail page as confirmed breakdown
- Integrate into CreateShipment form as live estimate panel
  that auto-fetches when origin, destination and weight are filled

Closes Navin-xmr#405
@Damidesign
Damidesign merged commit d149e2f into Navin-xmr:main Jun 28, 2026
2 of 5 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant