From e3898bbcb862d0323b4910955c5f3b2d100642ab Mon Sep 17 00:00:00 2001
From: jabahum <jabajnan8@gmail.com>
Date: Tue, 26 Sep 2023 08:38:40 +0300
Subject: [PATCH] fix: add tests ordered empty state

---
 src/queue-list/lab-tests/lab-tests.resource.ts       |  6 ++++++
 src/queue-list/lab-tests/lab-tests.scss              | 12 ++++++++++++
 src/queue-list/laboratory-patient-list.component.tsx |  8 ++++++++
 3 files changed, 26 insertions(+)

diff --git a/src/queue-list/lab-tests/lab-tests.resource.ts b/src/queue-list/lab-tests/lab-tests.resource.ts
index e69de29..a4a597c 100644
--- a/src/queue-list/lab-tests/lab-tests.resource.ts
+++ b/src/queue-list/lab-tests/lab-tests.resource.ts
@@ -0,0 +1,6 @@
+export function useLabTests() {
+  return {
+    data: {},
+    count: 0,
+  };
+}
diff --git a/src/queue-list/lab-tests/lab-tests.scss b/src/queue-list/lab-tests/lab-tests.scss
index e69de29..c698e19 100644
--- a/src/queue-list/lab-tests/lab-tests.scss
+++ b/src/queue-list/lab-tests/lab-tests.scss
@@ -0,0 +1,12 @@
+@use '@carbon/styles/scss/spacing';
+@use '@carbon/styles/scss/type';
+@import "~@openmrs/esm-styleguide/src/vars";
+
+.cardContainer {
+  background-color: $ui-02 ;
+  display: flex;
+  justify-content: space-between;
+  padding: 0 spacing.$spacing-05 spacing.$spacing-10 spacing.$spacing-03;
+  flex-flow: row wrap;
+  margin-top: - spacing.$spacing-03;
+}
diff --git a/src/queue-list/laboratory-patient-list.component.tsx b/src/queue-list/laboratory-patient-list.component.tsx
index 373b2ea..03289c0 100644
--- a/src/queue-list/laboratory-patient-list.component.tsx
+++ b/src/queue-list/laboratory-patient-list.component.tsx
@@ -40,6 +40,7 @@ import {
 import LabTests from "./lab-tests/lab-tests.component";
 import AddToWorklist from "./lab-dialogs/add-to-worklist-dialog.component";
 import PickLabRequestActionMenu from "./pick-lab-request-menu.component";
+import { EmptyState } from "@openmrs/esm-patient-common-lib";
 
 // type FilterProps = {
 //   rowIds: Array<string>;
@@ -258,6 +259,13 @@ const LaboratoryPatientList: React.FC<LaboratoryPatientListProps> = () => {
       </div>
     );
   }
+
+  return (
+    <div>
+      <div className={styles.headerBtnContainer}></div>
+      <EmptyState displayText={"Tests Ordered"} headerTitle={"Tests Ordered"} />
+    </div>
+  );
 };
 
 export default LaboratoryPatientList;