From 34363e3a9a46b833be7bb2b32e9b42c724aa63a9 Mon Sep 17 00:00:00 2001
From: Angie-540 <janiceangella21@gmail.com>
Date: Tue, 9 Jan 2024 16:17:17 +0300
Subject: [PATCH] added color code key on the pre-appointment line list header

---
 .../pre-appointment-outreach.component.html   | 20 +++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/src/app/clinic-dashboard/general/pre-appointment-outreach/pre-appointment-outreach.component.html b/src/app/clinic-dashboard/general/pre-appointment-outreach/pre-appointment-outreach.component.html
index dd8b5f9d2..fb76a32b8 100644
--- a/src/app/clinic-dashboard/general/pre-appointment-outreach/pre-appointment-outreach.component.html
+++ b/src/app/clinic-dashboard/general/pre-appointment-outreach/pre-appointment-outreach.component.html
@@ -57,6 +57,26 @@ <h4 for="week-selector">
       </div>
     </div>
   </form>
+  <div class="row" style="margin-bottom: 10px">
+    <div class="col-md-12 col-lg-12 col-xs-12 col-sm-12">
+      <span
+        >Key
+        <span class="label label-success" style="font-size: 12px; color: black"
+          >Successful contact attempts</span
+        >
+        <span
+          class="label"
+          style="background-color: pink; font-size: 12px; color: black"
+          >Unsuccessful contact attempts</span
+        >
+        <span
+          class="label"
+          style="background-color: yellow; font-size: 12px; color: black"
+          >Requested reschedule</span
+        >
+      </span>
+    </div>
+  </div>
 </div>
 
 <div *ngIf="errors" style="color: red !important">