From c1df5b73e7117d596845e4b5339d7154a2cee5cf Mon Sep 17 00:00:00 2001
From: hamed <15238-genius.ha@users.noreply.drupalcode.org>
Date: Thu, 11 Jun 2026 19:57:53 +0330
Subject: [PATCH] feat: add appointment time and patient name display to
 CancelledBadge component

---
 assets/admin/pages/AppointmentsPage.tsx | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/assets/admin/pages/AppointmentsPage.tsx b/assets/admin/pages/AppointmentsPage.tsx
index fc335a05..5611be06 100644
--- a/assets/admin/pages/AppointmentsPage.tsx
+++ b/assets/admin/pages/AppointmentsPage.tsx
@@ -282,6 +282,9 @@ function CancelledBadge({ appt }: { appt: Appointment }) {
         padding: '1px 6px', borderRadius: 99, fontSize: 11, fontWeight: 700,
         background: `${sm.color}15`, color: sm.color, whiteSpace: 'nowrap',
       }}>{sm.label}</span>
+      <span style={{ direction: 'ltr', color: '#374151', fontWeight: 600, whiteSpace: 'nowrap' }}>
+        {appt.appointment_time} — {appt.end_time}
+      </span>
       <span style={{ fontWeight: 600, color: '#374151' }}>{appt.patient_name || '—'}</span>
       <span style={{ direction: 'ltr', color: '#9ca3af' }}>{appt.patient_mobile}</span>
     </div>