Merge pull request #913 from sgratch/separates-charts-to-cards

🐾 Create a new Metrics tab - part 6
kubev2v · Feb 13, 2024 · 2e1c03d · 2e1c03d
2 parents fede8b6 + 7d1ae91
commit 2e1c03d
Show file tree

Hide file tree

Showing 7 changed files with 494 additions and 432 deletions.
diff --git a/...-plugin/src/modules/Overview/views/overview/tabs/Metrics/ForkliftControllerMetricsTab.tsx b/...-plugin/src/modules/Overview/views/overview/tabs/Metrics/ForkliftControllerMetricsTab.tsx
@@ -4,7 +4,7 @@ import { RouteComponentProps } from 'react-router-dom';
 import { V1beta1ForkliftController } from '@kubev2v/types';
 import { Flex, FlexItem } from '@patternfly/react-core';
 
-import { ChartsCard, MigrationsCard } from './cards';
+import { MigrationsCard, MigrationsChartCard, VmMigrationsChartCard } from './cards';
 
 interface ForkliftControllerMetricsTabProps extends RouteComponentProps {
   obj: V1beta1ForkliftController;
@@ -30,7 +30,10 @@ export const ForkliftControllerMetricsTab: React.FC<ForkliftControllerMetricsTab
             <MigrationsCard obj={obj} />
           </FlexItem>
           <FlexItem fullWidth={{ default: 'fullWidth' }}>
-            <ChartsCard obj={obj} />
+            <MigrationsChartCard obj={obj} />
+          </FlexItem>
+          <FlexItem fullWidth={{ default: 'fullWidth' }}>
+            <VmMigrationsChartCard obj={obj} />
           </FlexItem>
         </Flex>
       </Flex>