feat: 74 chart flow data integration

krateoplatformops · Jun 19, 2024 · a09ecf8 · a09ecf8
1 parent abedd24
commit a09ecf8
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 4 deletions.
diff --git a/src/components/Widgets/ChartFlow/ChartFlow.tsx b/src/components/Widgets/ChartFlow/ChartFlow.tsx
@@ -22,7 +22,7 @@ const showNodeDetails = (data) => {
  console.log(data);
 }
 
-const ChartFlow = () => {
+const ChartFlow = ({ data }) => {
  const { useToken } = theme;
  const { token } = useToken();
 
@@ -107,6 +107,7 @@ const ChartFlow = () => {
  const nodeWidth = 400;
  const nodeHeight = 200;
 
+ /*
  const mockData = [
  {
  "version":"v1",
@@ -407,9 +408,10 @@ const ChartFlow = () => {
  "createdAt":"2024-05-02T07:15:03Z"
  }
  ];
+ */
 
  // parsing data
- const parsedNodes = mockData.map((el) => (
+ const parsedNodes = JSON.parse(data).map((el) => (
  {
  id: el.uid,
  data: { name: el.name, kind: el.kind, icon: el.icon, health: el.health, status: el.status, version: el.version, date: el.createdAt },
@@ -418,7 +420,7 @@ const ChartFlow = () => {
  ));
 
  const parsedEdges: Edge[] = [];
- mockData.forEach((el) => {
+ JSON.parse(data).forEach((el) => {
  if (el.parentRefs !== undefined && el.parentRefs?.length > 0) {
  parsedEdges.push({ id: `${el.parentRefs[0].uid}-${el.uid}`, source: el.parentRefs[0].uid, target: el.uid, label: '' })
  }

diff --git a/src/components/Widgets/ChartFlow/styles.module.scss b/src/components/Widgets/ChartFlow/styles.module.scss
@@ -6,6 +6,7 @@
  background: $light-color;
  border-radius: 50px;
  position: relative;
+ width: 400px;
 
  .nodeIconProgressing {
  position: relative;

diff --git a/src/components/Widgets/index.ts b/src/components/Widgets/index.ts
@@ -21,7 +21,7 @@ const widgets = {
  "ChartLine": ChartLine,
  "ChartBars": ChartBars,
  "ChartMultipleBars": ChartMultipleBars,
- "ChartFlow": ChartFlow,
+ "chartflow": ChartFlow,
  "CardTemplateList": CardTemplateList,
  "card": CardTemplate,
  "FormGenerator": FormGenerator,