[RHOAIENG-8788]: Update loading state for project section in home page

add dataid
opendatahub-io · Jul 15, 2024 · d42e47b · d42e47b
1 parent 27ca9e8
commit d42e47b
Showing 1 changed file with 13 additions and 2 deletions.
diff --git a/frontend/src/pages/home/projects/ProjectsLoading.tsx b/frontend/src/pages/home/projects/ProjectsLoading.tsx
@@ -1,9 +1,20 @@
+import {
+  EmptyState,
+  EmptyStateVariant,
+  Spinner,
+  EmptyStateHeader,
+  Bullseye,
+} from '@patternfly/react-core';
 import * as React from 'react';
-import { Skeleton } from '@patternfly/react-core';
 
 const ProjectsLoading: React.FC = () => (
   <div style={{ height: '230px' }}>
-    <Skeleton height="75%" width="100%" screenreaderText="Loading projects" />
+    <Bullseye>
+      <EmptyState variant={EmptyStateVariant.lg} data-id="loading-empty-state">
+        <Spinner size="xl" />
+        <EmptyStateHeader titleText="Loading" headingLevel="h1" />
+      </EmptyState>
+    </Bullseye>
   </div>
 );