This commit is contained in:
Michael Quigley 2022-08-03 15:48:30 -04:00
parent 53b69807bc
commit d9be87b702
No known key found for this signature in database
GPG Key ID: 9B60314A9DD20A62

View File

@ -1,6 +1,6 @@
import ReactFlow, {applyNodeChanges, useNodesState} from "react-flow-renderer"; import ReactFlow, {useNodesState} from "react-flow-renderer";
import * as metadata from './api/metadata'; import * as metadata from './api/metadata';
import {useCallback, useEffect, useState} from "react"; import {useEffect, useState} from "react";
const Network = (props) => { const Network = (props) => {
const [nodes, setNodes, onNodesChange] = useNodesState([]) const [nodes, setNodes, onNodesChange] = useNodesState([])
@ -28,7 +28,6 @@ const Network = (props) => {
onNodesChange={onNodesChange} onNodesChange={onNodesChange}
/> />
</div> </div>
) )
} }
@ -42,16 +41,16 @@ function buildGraph(overview) {
let envId = id let envId = id
out.nodes.push({ out.nodes.push({
id: '' + envId, id: '' + envId,
data: { label: 'Environment: ' + item.environment.zitiIdentityId }, data: {label: 'Environment: ' + item.environment.zitiIdentityId},
position: { x: (id * 25), y: 0 }, position: {x: (id * 25), y: 0},
draggable: true draggable: true
}); });
id++ id++
item.services.forEach((item) => { item.services.forEach((item) => {
out.nodes.push({ out.nodes.push({
id: '' + id, id: '' + id,
data: { label: 'Service: ' + item.zitiServiceId }, data: {label: 'Service: ' + item.zitiServiceId},
position: { x: (id * 25), y: 0 }, position: {x: (id * 25), y: 0},
draggable: true draggable: true
}) })
out.edges.push({ out.edges.push({