feat(ui): add BookingStatusBadge component

[AdamWalkerQodo]

Summary

• Adds a BookingStatusBadge component that maps all 5 cal.com booking statuses to appropriate badge color variants
• ACCEPTED → green (success), PENDING → warning, AWAITING_HOST → orange, REJECTED → red, CANCELLED → gray
• Exports the component from packages/ui/components/badge/index.ts

Changed files

• packages/ui/components/badge/BookingStatusBadge.tsx (new)
• packages/ui/components/badge/index.ts (add export)

Test plan

• Render <BookingStatusBadge status="ACCEPTED" /> and verify green badge
• Render each of the 5 status values and verify correct color variant
• Confirm BookingStatusBadge is importable from @calcom/ui/components/badge

🤖 Generated with Claude Code

[qodo-code-review]

Review Summary by Qodo

Add BookingStatusBadge component for status visualization

✨ Enhancement

Walkthroughs

Description

• Adds BookingStatusBadge component mapping booking statuses to badge variants
• Maps ACCEPTED→success, PENDING→warning, AWAITING_HOST→orange, REJECTED→red, CANCELLED→gray
• Exports component from badge index for public API access

Diagram

flowchart LR
  A["BookingStatus type"] -- "maps to" --> B["STATUS_TO_VARIANT"]
  B -- "determines" --> C["Badge variant"]
  C -- "renders" --> D["BookingStatusBadge component"]
  D -- "exported from" --> E["badge/index.ts"]

Loading

File Changes

1. packages/ui/components/badge/BookingStatusBadge.tsx ✨ Enhancement +30/-0

New BookingStatusBadge component implementation

• Creates new component that accepts booking status and optional className
• Defines BookingStatus type with 5 valid status values
• Maps each status to appropriate badge color variant using STATUS_TO_VARIANT record
• Transforms status string by replacing underscores with spaces for display label

packages/ui/components/badge/BookingStatusBadge.tsx

---

2. packages/ui/components/badge/index.ts ✨ Enhancement +1/-0

Export BookingStatusBadge from badge index

• Adds export statement for new BookingStatusBadge component
• Makes component publicly available from badge module

packages/ui/components/badge/index.ts

---

[qodo-code-review]

Code Review by Qodo

Looking for bugs?

Check back in a few minutes. An AI review agent is analyzing this pull request.