feat: add appointment time and patient name display to CancelledBadge component

2026-06-11 19:57:53 +03:30
parent 5a7df22eda
commit c1df5b73e7
1 changed files with 3 additions and 0 deletions
@@ -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>