(feat) O3-3848 Enable Admission request bar to always be displayed. (#…

…1364) * Enable Admission request bar to always be displayed * Clean up
openmrs · Nov 8, 2024 · 95a19ea · 95a19ea
1 parent 6a81c79
commit 95a19ea
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 3 deletions.
diff --git a/packages/esm-ward-app/src/ward-view-header/admission-requests-bar.component.tsx b/packages/esm-ward-app/src/ward-view-header/admission-requests-bar.component.tsx
@@ -16,7 +16,7 @@ const AdmissionRequestsBar: React.FC<AdmissionRequestsBarProps> = ({ wardPending
   const { t } = useTranslation();
   const layout = useLayoutType();
 
-  if (isLoading || !inpatientRequests?.length) {
+  if (isLoading || !inpatientRequests) {
     return null;
   }
 
@@ -31,7 +31,9 @@ const AdmissionRequestsBar: React.FC<AdmissionRequestsBarProps> = ({ wardPending
   }
 
   return (
-    <div className={styles.admissionRequestsContainer}>
+    <div className={`${styles.admissionRequestsContainer} ${
+      inpatientRequests?.length ? styles.blackBackground : styles.lightBlueBackground
+    }`}>
       <Movement className={styles.movementIcon} size="24" />
       <span className={styles.content}>
         {t('admissionRequestsCount', '{{count}} admission request', {

diff --git a/packages/esm-ward-app/src/ward-view-header/admission-requests.scss b/packages/esm-ward-app/src/ward-view-header/admission-requests.scss
@@ -30,8 +30,18 @@
   margin-right: layout.$spacing-03;
 }
 
+.blackBackground {
+  background-color: black;
+  color: white;
+}
+
+.lightBlueBackground {
+  background-color: white;
+  border-left:4px solid $color-blue-60-2;
+  color: black;
+}
+
 .content {
   @include type.type-style('heading-compact-01');
-  color: $ui-02;
   margin-right: layout.$spacing-03;
 }