refactor(graphCard): sw-746 card totals styling

RedHatInsights · Jan 10, 2023 · 6a39a89 · 6a39a89
1 parent a0d7d54
commit 6a39a89
Show file tree

Hide file tree

Showing 8 changed files with 495 additions and 640 deletions.
diff --git a/src/components/graphCard/__tests__/__snapshots__/graphCard.test.js.snap b/src/components/graphCard/__tests__/__snapshots__/graphCard.test.js.snap
@@ -7,6 +7,7 @@ exports[`GraphCard Component should render a default component: default 1`] = `<
 exports[`GraphCard Component should setup basic settings: settings, grouped 1`] = `
 <Fragment>
   <ContextProvider
+    key="graphCard_grouped-Core-seconds"
     value={
       {
         "settings": {
@@ -44,19 +45,7 @@ exports[`GraphCard Component should setup basic settings: settings, grouped 1`]
 exports[`GraphCard Component should setup basic settings: settings, standalone 1`] = `
 <Fragment>
   <ContextProvider
-    value={{}}
-  >
-    <GraphCardChart
-      t={[Function]}
-      useGetMetrics={[Function]}
-      useGraphCardActions={[Function]}
-      useGraphCardContext={[Function]}
-      useProduct={[Function]}
-      useProductGraphTallyQuery={[Function]}
-    />
-  </ContextProvider>
-  <ContextProvider
-    key="graphCard_Sockets"
+    key="graphCard_standalone-Sockets"
     value={
       {
         "settings": {

diff --git a/src/components/graphCard/__tests__/__snapshots__/graphCardChart.test.js.snap b/src/components/graphCard/__tests__/__snapshots__/graphCardChart.test.js.snap
@@ -4,28 +4,21 @@ exports[`GraphCardChart Component should handle API response states: error 1`] =
 <Card
   className="curiosity-usage-graph"
 >
-  <MinHeight
-    key="headerMinHeight"
-    minHeight={0}
-    updateOnContent={false}
-    updateOnResize={true}
-  >
-    <CardHeader>
-      <CardTitle>
-        <Title
-          headingLevel="h2"
-          size="lg"
-        >
-          t(curiosity-graph.cardHeading, {})
-          <GraphCardChartTitleTooltip
-            t={[Function]}
-            useGraphCardContext={[Function]}
-            useProduct={[Function]}
-          />
-        </Title>
-      </CardTitle>
-    </CardHeader>
-  </MinHeight>
+  <CardHeader>
+    <CardTitle>
+      <Title
+        headingLevel="h2"
+        size="lg"
+      >
+        t(curiosity-graph.cardHeading, {})
+        <GraphCardChartTitleTooltip
+          t={[Function]}
+          useGraphCardContext={[Function]}
+          useProduct={[Function]}
+        />
+      </Title>
+    </CardTitle>
+  </CardHeader>
   <MinHeight
     key="bodyMinHeight"
     minHeight={0}
@@ -68,28 +61,21 @@ exports[`GraphCardChart Component should handle API response states: fulfilled 1
 <Card
   className="curiosity-usage-graph"
 >
-  <MinHeight
-    key="headerMinHeight"
-    minHeight={0}
-    updateOnContent={false}
-    updateOnResize={true}
-  >
-    <CardHeader>
-      <CardTitle>
-        <Title
-          headingLevel="h2"
-          size="lg"
-        >
-          t(curiosity-graph.cardHeading, {})
-          <GraphCardChartTitleTooltip
-            t={[Function]}
-            useGraphCardContext={[Function]}
-            useProduct={[Function]}
-          />
-        </Title>
-      </CardTitle>
-    </CardHeader>
-  </MinHeight>
+  <CardHeader>
+    <CardTitle>
+      <Title
+        headingLevel="h2"
+        size="lg"
+      >
+        t(curiosity-graph.cardHeading, {})
+        <GraphCardChartTitleTooltip
+          t={[Function]}
+          useGraphCardContext={[Function]}
+          useProduct={[Function]}
+        />
+      </Title>
+    </CardTitle>
+  </CardHeader>
   <MinHeight
     key="bodyMinHeight"
     minHeight={0}
@@ -132,28 +118,21 @@ exports[`GraphCardChart Component should handle API response states: pending 1`]
 <Card
   className="curiosity-usage-graph"
 >
-  <MinHeight
-    key="headerMinHeight"
-    minHeight={0}
-    updateOnContent={false}
-    updateOnResize={true}
-  >
-    <CardHeader>
-      <CardTitle>
-        <Title
-          headingLevel="h2"
-          size="lg"
-        >
-          t(curiosity-graph.cardHeading, {})
-          <GraphCardChartTitleTooltip
-            t={[Function]}
-            useGraphCardContext={[Function]}
-            useProduct={[Function]}
-          />
-        </Title>
-      </CardTitle>
-    </CardHeader>
-  </MinHeight>
+  <CardHeader>
+    <CardTitle>
+      <Title
+        headingLevel="h2"
+        size="lg"
+      >
+        t(curiosity-graph.cardHeading, {})
+        <GraphCardChartTitleTooltip
+          t={[Function]}
+          useGraphCardContext={[Function]}
+          useProduct={[Function]}
+        />
+      </Title>
+    </CardTitle>
+  </CardHeader>
   <MinHeight
     key="bodyMinHeight"
     minHeight={0}
@@ -183,28 +162,21 @@ exports[`GraphCardChart Component should render a default component: default 1`]
 <Card
   className="curiosity-usage-graph"
 >
-  <MinHeight
-    key="headerMinHeight"
-    minHeight={0}
-    updateOnContent={false}
-    updateOnResize={true}
-  >
-    <CardHeader>
-      <CardTitle>
-        <Title
-          headingLevel="h2"
-          size="lg"
-        >
-          t(curiosity-graph.cardHeading, {})
-          <GraphCardChartTitleTooltip
-            t={[Function]}
-            useGraphCardContext={[Function]}
-            useProduct={[Function]}
-          />
-        </Title>
-      </CardTitle>
-    </CardHeader>
-  </MinHeight>
+  <CardHeader>
+    <CardTitle>
+      <Title
+        headingLevel="h2"
+        size="lg"
+      >
+        t(curiosity-graph.cardHeading, {})
+        <GraphCardChartTitleTooltip
+          t={[Function]}
+          useGraphCardContext={[Function]}
+          useProduct={[Function]}
+        />
+      </Title>
+    </CardTitle>
+  </CardHeader>
   <MinHeight
     key="bodyMinHeight"
     minHeight={0}