(fix) Validating label (#53)

palladiumkenya · Nov 7, 2023 · 577cd27 · 577cd27
1 parent 65f3630
commit 577cd27
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/packages/esm-care-panel-app/src/care-programs/care-programs.component.tsx b/packages/esm-care-panel-app/src/care-programs/care-programs.component.tsx
@@ -129,7 +129,15 @@ const CarePrograms: React.FC<CareProgramsProps> = ({ patientUuid }) => {
 
   return (
     <Tile>
-      <CardHeader title={t('carePrograms', 'Care Programs')}>{isValidating && <h2>Loading...</h2>}</CardHeader>
+      <CardHeader title={t('carePrograms', 'Care Programs')}>
+        {isValidating && (
+          <InlineLoading
+            status="active"
+            iconDescription={t('validating', 'Loading')}
+            description={t('validating', 'Validating data...')}
+          />
+        )}
+      </CardHeader>
       <DataTable size={isTablet ? 'lg' : 'sm'} useZebraStyles rows={rows} headers={headers}>
         {({ rows, headers, getTableProps, getHeaderProps, getRowProps }) => (
           <TableContainer>