[Uptime] Added loading for certificates page on initial load (#111526)

elastic · Sep 8, 2021 · 032810e · 032810e
1 parent b36ffc9
commit 032810e
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 2 deletions.
diff --git a/x-pack/plugins/uptime/public/components/certificates/certificates_list.tsx b/x-pack/plugins/uptime/public/components/certificates/certificates_list.tsx
@@ -15,7 +15,7 @@ import { CertMonitors } from './cert_monitors';
 import * as labels from './translations';
 import { Cert, CertMonitor } from '../../../common/runtime_types';
 import { FingerprintCol } from './fingerprint_col';
-import { NO_CERTS_AVAILABLE } from './translations';
+import { LOADING_CERTIFICATES, NO_CERTS_AVAILABLE } from './translations';
 
 interface Page {
   index: number;
@@ -111,7 +111,13 @@ export const CertificateList: React.FC<Props> = ({ page, sort, onChange }) => {
           direction: sort.direction,
         },
       }}
-      noItemsMessage={<span data-test-subj="uptimeCertsEmptyMessage">{NO_CERTS_AVAILABLE}</span>}
+      noItemsMessage={
+        loading ? (
+          LOADING_CERTIFICATES
+        ) : (
+          <span data-test-subj="uptimeCertsEmptyMessage">{NO_CERTS_AVAILABLE}</span>
+        )
+      }
     />
   );
 };
diff --git a/x-pack/plugins/uptime/public/components/certificates/translations.ts b/x-pack/plugins/uptime/public/components/certificates/translations.ts
@@ -70,3 +70,7 @@ export const COPY_FINGERPRINT = i18n.translate('xpack.uptime.certs.list.copyFing
 export const NO_CERTS_AVAILABLE = i18n.translate('xpack.uptime.certs.list.empty', {
   defaultMessage: 'No Certificates found. Note: Certificates are only visible for Heartbeat 7.8+',
 });
+
+export const LOADING_CERTIFICATES = i18n.translate('xpack.uptime.certificates.loading', {
+  defaultMessage: 'Loading certificates ...',
+});