diff --git a/ui/src/Network.js b/ui/src/Network.js index 1a7bcec2..795ab503 100644 --- a/ui/src/Network.js +++ b/ui/src/Network.js @@ -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 {useCallback, useEffect, useState} from "react"; +import {useEffect, useState} from "react"; const Network = (props) => { const [nodes, setNodes, onNodesChange] = useNodesState([]) @@ -28,7 +28,6 @@ const Network = (props) => { onNodesChange={onNodesChange} /> - ) } @@ -42,16 +41,16 @@ function buildGraph(overview) { let envId = id out.nodes.push({ id: '' + envId, - data: { label: 'Environment: ' + item.environment.zitiIdentityId }, - position: { x: (id * 25), y: 0 }, + data: {label: 'Environment: ' + item.environment.zitiIdentityId}, + position: {x: (id * 25), y: 0}, draggable: true }); id++ item.services.forEach((item) => { out.nodes.push({ id: '' + id, - data: { label: 'Service: ' + item.zitiServiceId }, - position: { x: (id * 25), y: 0 }, + data: {label: 'Service: ' + item.zitiServiceId}, + position: {x: (id * 25), y: 0}, draggable: true }) out.edges.push({