Billing enhancements: storage layers (#3080) - styling

epam · Mar 2, 2023 · e3d70ca · e3d70ca
1 parent 9148c17
commit e3d70ca
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 14 deletions.
diff --git a/client/src/components/billing/reports/charts/storage-layers.js b/client/src/components/billing/reports/charts/storage-layers.js
@@ -51,8 +51,6 @@ function StorageLayers (
     onImageDataReceived,
     reportThemes,
     highlightTickFn,
-    highlightTickStyle = {},
-    highlightAxisStyle = {},
     loading,
     discounts = ((o) => o)
   }
@@ -104,11 +102,11 @@ function StorageLayers (
         },
         ticks: {
           fontColor: reportThemes.subTextColor,
-          major: Object.assign({
+          major: {
             enabled: !!highlightTickFn,
             fontStyle: 'normal',
-            fontColor: reportThemes.subTextColor
-          }, highlightTickStyle)
+            fontColor: reportThemes.textColor
+          }
         }
       }],
       yAxes: [{
@@ -192,7 +190,7 @@ function StorageLayers (
       },
       [HighlightAxisPlugin.id]: {
         highlightAxis: highlightedLabel,
-        backgroundColor: highlightAxisStyle.backgroundColor
+        backgroundColor: fadeout(reportThemes.lightBlue, 0.90)
       },
       [BarchartDataLabelPlugin.id]: {
         valueFormatter

diff --git a/client/src/components/billing/reports/storage-report.js b/client/src/components/billing/reports/storage-report.js
@@ -29,7 +29,6 @@ import {
   numberFormatter,
   ResizableContainer
 } from './utilities';
-import {fadeout} from '../../../themes/utilities/color-utilities';
 import BillingNavigation, {RUNNER_SEPARATOR, REGION_SEPARATOR} from '../navigation';
 import {
   getBillingGroupingSortField,
@@ -506,13 +505,6 @@ class StorageReports extends React.Component {
                                 highlightTickFn={
                                   (_, tick) => tick._index === selectedIndex
                                 }
-                                highlightTickStyle={{
-                                  fontColor: reportThemes.textColor,
-                                  fontSize: 14
-                                }}
-                                highlightAxisStyle={{
-                                  backgroundColor: fadeout(reportThemes.lightBlue, 0.90)
-                                }}
                                 discounts={isVolumeMetrics ? undefined : storageDiscounts}
                               />
                             </div>