Merge pull request #4126 from dlabrecq/styles

Instances and virtualization should have their own styles

Author: dlabrecq

src/routes/details/awsBreakdown/instances/instances.styles.ts

@@ -0,0 +1,11 @@
+import global_BackgroundColor_light_100 from '@patternfly/react-tokens/dist/js/global_BackgroundColor_light_100';
+import global_spacer_md from '@patternfly/react-tokens/dist/js/global_spacer_md';
+import type React from 'react';
+
+export const styles = {
+  pagination: {
+    backgroundColor: global_BackgroundColor_light_100.value,
+    paddingBottom: global_spacer_md.value,
+    paddingTop: global_spacer_md.value,
+  },
+} as { [className: string]: React.CSSProperties };

src/routes/details/awsBreakdown/instances/instances.tsx

@@ -17,7 +17,6 @@ import { NoInstances } from 'routes/components/page/noInstances';
 import { NotAvailable } from 'routes/components/page/notAvailable';
 import type { ColumnManagementModalOption } from 'routes/details/components/columnManagement';
 import { ColumnManagementModal, initHiddenColumns } from 'routes/details/components/columnManagement';
-import { styles } from 'routes/optimizations/optimizationsBreakdown/optimizationsBreakdown.styles';
 import type { ComputedReportItem } from 'routes/utils/computedReport/getComputedReportItems';
 import { getUnsortedComputedReportItems } from 'routes/utils/computedReport/getComputedReportItems';
 import { getExcludeTagKey, getFilterByTagKey } from 'routes/utils/groupBy';
@@ -29,6 +28,7 @@ import { reportActions, reportSelectors } from 'store/reports';
 import { useQueryFromRoute, useQueryState } from 'utils/hooks';
 import { accountKey, logicalAndPrefix, orgUnitIdKey, regionKey, serviceKey } from 'utils/props';
 
+import { styles } from './instances.styles';
 import { InstancesTable, InstanceTableColumnIds } from './instancesTable';
 import { InstancesToolbar } from './instancesToolbar';
 

src/routes/details/ocpBreakdown/virtualization/virtualization.styles.ts

@@ -0,0 +1,11 @@
+import global_BackgroundColor_light_100 from '@patternfly/react-tokens/dist/js/global_BackgroundColor_light_100';
+import global_spacer_md from '@patternfly/react-tokens/dist/js/global_spacer_md';
+import type React from 'react';
+
+export const styles = {
+  pagination: {
+    backgroundColor: global_BackgroundColor_light_100.value,
+    paddingBottom: global_spacer_md.value,
+    paddingTop: global_spacer_md.value,
+  },
+} as { [className: string]: React.CSSProperties };

src/routes/details/ocpBreakdown/virtualization/virtualization.tsx

@@ -17,7 +17,6 @@ import { NotAvailable } from 'routes/components/page/notAvailable';
 import { NoVirtualization } from 'routes/components/page/noVirtualization';
 import type { ColumnManagementModalOption } from 'routes/details/components/columnManagement';
 import { ColumnManagementModal, initHiddenColumns } from 'routes/details/components/columnManagement';
-import { styles } from 'routes/optimizations/optimizationsBreakdown/optimizationsBreakdown.styles';
 import type { ComputedReportItem } from 'routes/utils/computedReport/getComputedReportItems';
 import { getUnsortedComputedReportItems } from 'routes/utils/computedReport/getComputedReportItems';
 import {
@@ -35,6 +34,7 @@ import { reportActions, reportSelectors } from 'store/reports';
 import { useQueryFromRoute, useQueryState } from 'utils/hooks';
 import { logicalAndPrefix } from 'utils/props';
 
+import { styles } from './virtualization.styles';
 import { VirtualizationTable, VirtualizationTableColumnIds } from './virtualizationTable';
 import { VirtualizationToolbar } from './virtualizationToolbar';
 

src/routes/optimizations/optimizationsBreakdown/optimizationsBreakdown.styles.ts

@@ -1,24 +1,7 @@
-import global_BackgroundColor_light_100 from '@patternfly/react-tokens/dist/js/global_BackgroundColor_light_100';
-import global_spacer_lg from '@patternfly/react-tokens/dist/js/global_spacer_lg';
-import global_spacer_md from '@patternfly/react-tokens/dist/js/global_spacer_md';
 import type React from 'react';
 
 export const styles = {
-  alertContainer: {
-    marginBottom: global_spacer_lg.value,
-  },
-  codeBlock: {
-    display: 'flex',
-  },
   container: {
     minHeight: '100vh',
   },
-  currentActions: {
-    height: '36px',
-  },
-  pagination: {
-    backgroundColor: global_BackgroundColor_light_100.value,
-    paddingBottom: global_spacer_md.value,
-    paddingTop: global_spacer_md.value,
-  },
 } as { [className: string]: React.CSSProperties };

src/routes/optimizations/optimizationsDetails/optimizationsDetails.styles.ts

@@ -1,14 +1,7 @@
-import global_BackgroundColor_light_100 from '@patternfly/react-tokens/dist/js/global_BackgroundColor_light_100';
-import global_spacer_md from '@patternfly/react-tokens/dist/js/global_spacer_md';
 import type React from 'react';
 
 export const styles = {
   container: {
     minHeight: '100vh',
   },
-  pagination: {
-    backgroundColor: global_BackgroundColor_light_100.value,
-    paddingBottom: global_spacer_md.value,
-    paddingTop: global_spacer_md.value,
-  },
 } as { [className: string]: React.CSSProperties };