From ca96cf64a8f5b9844d17cb4e4f89e451a1f36bf0 Mon Sep 17 00:00:00 2001
From: Angie-540 <96350406+Angie-540@users.noreply.github.com>
Date: Wed, 10 Jan 2024 12:45:08 +0300
Subject: [PATCH] added color code key on the pre-appointment line list header
 (#1694)

---
 .../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">