fix(graphCard): fadein, pending only (#592)

RedHatInsights · Mar 3, 2021 · 1918d74 · 1918d74
1 parent 818d341
commit 1918d74
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/components/graphCard/__tests__/__snapshots__/graphCard.test.js.snap b/src/components/graphCard/__tests__/__snapshots__/graphCard.test.js.snap
@@ -95,7 +95,7 @@ exports[`GraphCard Component should render a non-connected component: non-connec
   >
     <CardBody>
       <div
-        className="fadein"
+        className=""
       >
         <ChartArea
           chartLegend={[Function]}
@@ -372,7 +372,7 @@ exports[`GraphCard Component should render multiple states: fulfilled 1`] = `
   >
     <CardBody>
       <div
-        className="fadein"
+        className=""
       >
         <ChartArea
           chartLegend={[Function]}

diff --git a/src/components/graphCard/graphCard.js b/src/components/graphCard/graphCard.js
@@ -162,7 +162,7 @@ class GraphCard extends React.Component {
         </MinHeight>
         <MinHeight key="bodyMinHeight">
           <CardBody>
-            <div className={(error && 'blur') || 'fadein'}>
+            <div className={(error && 'blur') || (pending && 'fadein') || ''}>
               {pending && <Loader variant="graph" />}
               {!pending && this.renderChart()}
             </div>