From 8202354dab7c6404a82f58afba3a7f879db5df82 Mon Sep 17 00:00:00 2001
From: Donald Kibet <chelashawdonald@yahoo.com>
Date: Sat, 18 Nov 2023 11:58:45 +0300
Subject: [PATCH] (enhc) Update the loading widget to make it snappier when
showing loading spinner
---
.../src/care-panel/care-panel.component.tsx | 10 +++++++---
1 file changed, 7 insertions(+), 3 deletions(-)
diff --git a/packages/esm-care-panel-app/src/care-panel/care-panel.component.tsx b/packages/esm-care-panel-app/src/care-panel/care-panel.component.tsx
index 0228f85d6..051a6b8e4 100644
--- a/packages/esm-care-panel-app/src/care-panel/care-panel.component.tsx
+++ b/packages/esm-care-panel-app/src/care-panel/care-panel.component.tsx
@@ -1,6 +1,6 @@
-import React, { useEffect, useMemo, useState } from 'react';
+import React, { useMemo, useState } from 'react';
import { useTranslation } from 'react-i18next';
-import { StructuredListSkeleton, ContentSwitcher, Switch, InlineLoading } from '@carbon/react';
+import { StructuredListSkeleton, ContentSwitcher, Switch } from '@carbon/react';
import styles from './care-panel.scss';
import { useEnrollmentHistory } from '../hooks/useEnrollmentHistory';
import ProgramSummary from '../program-summary/program-summary.component';
@@ -35,7 +35,11 @@ const CarePanel: React.FC<CarePanelProps> = ({ patientUuid, formEntrySub, launch
);
if (isLoading) {
- return <StructuredListSkeleton role="progressbar" />;
+ return (
+ <div className={styles.widgetCard}>
+ <StructuredListSkeleton role="progressbar" />
+ </div>
+ );
}
if (error) {