From e7c1a3f4195d6b11bcc901a09576591f0a83445d Mon Sep 17 00:00:00 2001
From: jwnasambu <wamalwa1844.com>
Date: Thu, 28 Nov 2024 17:49:08 +0300
Subject: [PATCH] fix/03-4118: Service queues patient list should not be in a
 'widget' / 'tile'

---
 packages/esm-service-queues-app/src/home.test.tsx             | 2 +-
 .../src/queue-table/default-queue-table.component.tsx         | 2 +-
 .../src/queue-table/default-queue-table.test.tsx              | 4 ++--
 .../esm-service-queues-app/src/queue-table/queue-table.scss   | 2 +-
 packages/esm-service-queues-app/translations/en.json          | 1 -
 5 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/packages/esm-service-queues-app/src/home.test.tsx b/packages/esm-service-queues-app/src/home.test.tsx
index 8d2dbb940..f24f0e43b 100644
--- a/packages/esm-service-queues-app/src/home.test.tsx
+++ b/packages/esm-service-queues-app/src/home.test.tsx
@@ -39,7 +39,7 @@ describe('Home Component', () => {
     window.location = { pathname: '/some-path/screen' } as Location;
 
     render(<Home />);
-    expect(screen.getByText(/patients currently in queue/i)).toBeInTheDocument();
+    expect(screen.getByText(/active visits/i)).toBeInTheDocument();
 
     window.location = originalLocation;
   });
diff --git a/packages/esm-service-queues-app/src/queue-table/default-queue-table.component.tsx b/packages/esm-service-queues-app/src/queue-table/default-queue-table.component.tsx
index 2ede4fbd2..c8a35d5f8 100644
--- a/packages/esm-service-queues-app/src/queue-table/default-queue-table.component.tsx
+++ b/packages/esm-service-queues-app/src/queue-table/default-queue-table.component.tsx
@@ -94,7 +94,7 @@ function DefaultQueueTable() {
       <Layer className={styles.container}>
         <div className={styles.headerContainer}>
           <div className={!isDesktop(layout) ? styles.tabletHeading : styles.desktopHeading}>
-            <h4>{t('patientsCurrentlyInQueue', 'Patients currently in queue')}</h4>
+            <h4>{t('activeVisits', 'Active visits')}</h4>
           </div>
           <div className={styles.headerButtons}>
             <ExtensionSlot
diff --git a/packages/esm-service-queues-app/src/queue-table/default-queue-table.test.tsx b/packages/esm-service-queues-app/src/queue-table/default-queue-table.test.tsx
index 1eaa9d4c6..76b38eb36 100644
--- a/packages/esm-service-queues-app/src/queue-table/default-queue-table.test.tsx
+++ b/packages/esm-service-queues-app/src/queue-table/default-queue-table.test.tsx
@@ -76,7 +76,7 @@ describe('DefaultQueueTable', () => {
     await screen.findByRole('table');
 
     expect(screen.queryByRole('progressbar')).not.toBeInTheDocument();
-    expect(screen.getByText(/patients currently in queue/i)).toBeInTheDocument();
+    expect(screen.getByText(/active visits/i)).toBeInTheDocument();
     expect(screen.getByText(/no patients to display/i)).toBeInTheDocument();
   });
 
@@ -100,7 +100,7 @@ describe('DefaultQueueTable', () => {
 
     await screen.findByRole('table');
 
-    expect(screen.getByText(/patients currently in queue/i)).toBeInTheDocument();
+    expect(screen.getByText(/active visits/i)).toBeInTheDocument();
     expect(screen.queryByText(/no patients to display/i)).not.toBeInTheDocument();
     expect(screen.getByRole('link', { name: /Brian Johnson/i })).toBeInTheDocument();
     const john = screen.getByRole('link', { name: /Alice Johnson/i });
diff --git a/packages/esm-service-queues-app/src/queue-table/queue-table.scss b/packages/esm-service-queues-app/src/queue-table/queue-table.scss
index f2c1174dc..e77fcbcf2 100644
--- a/packages/esm-service-queues-app/src/queue-table/queue-table.scss
+++ b/packages/esm-service-queues-app/src/queue-table/queue-table.scss
@@ -16,7 +16,7 @@
   justify-content: space-between;
   align-items: center;
   padding: layout.$spacing-05;
-  background-color: $ui-background;
+  background-color: $ui-01;
 }
 
 .headerButtons {
diff --git a/packages/esm-service-queues-app/translations/en.json b/packages/esm-service-queues-app/translations/en.json
index c93179b3a..8365cb750 100644
--- a/packages/esm-service-queues-app/translations/en.json
+++ b/packages/esm-service-queues-app/translations/en.json
@@ -170,7 +170,6 @@
   "patientRemovedSuccessfully": "Paient removed from queue successfully",
   "patientRequeued": "Patient has been requeued",
   "patients": "Patients",
-  "patientsCurrentlyInQueue": "Patients currently in queue",
   "personalDetails": "Personal Details",
   "phoneNumber": "Phone number",
   "pleaseSelectLocation": "Please select a location",