dashboards: update cluster utilization empty state message

Align more closely with the other empty state messages on the page.
openshift · Jan 28, 2020 · a42d5a0 · a42d5a0
1 parent 009dd9d
commit a42d5a0
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 19 deletions.
diff --git a/...-plugin/src/components/dashboard-page/storage-dashboard/breakdown-card/breakdown-body.tsx b/...-plugin/src/components/dashboard-page/storage-dashboard/breakdown-card/breakdown-body.tsx
@@ -23,20 +23,12 @@ export const BreakdownCardBody: React.FC<BreakdownBodyProps> = ({
   }
   if (!capacityUsed || !top5MetricsStats.length || hasLoadError) {
     return (
-      <EmptyState variant={EmptyStateVariant.full}>
-        <Title className="graph-empty-state__title text-secondary" size="sm">
-          Not available.
-        </Title>
-      </EmptyState>
+      <div className="text-secondary">Not available</div>
     );
   }
   if (capacityUsed === '0') {
     return (
-      <EmptyState variant={EmptyStateVariant.full}>
-        <Title className="graph-empty-state__title text-secondary" size="sm">
-          Not enough usage data
-        </Title>
-      </EmptyState>
+      <div className="text-secondary">Not enough usage data</div>
     );
   }
 

diff --git a/frontend/public/components/graphs/_graphs.scss b/frontend/public/components/graphs/_graphs.scss
@@ -9,10 +9,6 @@
   white-space: nowrap; 
 }
 
-.graph-empty-state__title {
-  font-size: 0.875rem;
-}
-
 .graph-wrapper {
   align-items: stretch;
   display: flex;

diff --git a/frontend/public/components/graphs/graph-empty.tsx b/frontend/public/components/graphs/graph-empty.tsx
@@ -15,11 +15,7 @@ export const GraphEmpty: React.FC<GraphEmptyProps> = ({ height = 180, loading =
     {loading ? (
       <div className="skeleton-chart" />
     ) : (
-      <EmptyState variant={EmptyStateVariant.full}>
-        <Title className="graph-empty-state__title text-secondary" size="sm">
-          No datapoints found.
-        </Title>
-      </EmptyState>
+      <div className="text-secondary">No datapoints found.</div>
     )}
   </div>
 );