fix(topology): merge topology elements on update (#1560)

* fix(topology): merge topology elements on update * initial model --------- Co-authored-by: Thuan Vo <[email protected]>
cryostatio · Feb 5, 2025 · ffa214f · ffa214f
1 parent d242c1b
commit ffa214f
Showing 1 changed file with 14 additions and 5 deletions.
diff --git a/src/app/Topology/GraphView/TopologyGraphView.tsx b/src/app/Topology/GraphView/TopologyGraphView.tsx
@@ -55,6 +55,15 @@ export const MAX_NODE_LIMIT = 100;
 export const DEFAULT_SIZEBAR_SIZE = 500;
 export const MIN_SIZEBAR_SIZE = 400;
 
+export const BASE_MODEL: Model = {
+  graph: {
+    id: TOPOLOGY_GRAPH_ID,
+    type: 'graph',
+    layout: 'Cola',
+    layers: [BOTTOM_LAYER, GROUPS_LAYER, DEFAULT_LAYER, TOP_LAYER],
+  },
+};
+
 export type SavedGraphPosition = {
   id?: string;
   type?: string;
@@ -146,6 +155,9 @@ export const TopologyGraphView: React.FC<TopologyGraphViewProps> = ({ transformC
         }
       }, 200),
     );
+
+    _newVisualization.fromModel(BASE_MODEL);
+
     return _newVisualization;
   }, [setSelectedIds, setSelectedEntity]);
 
@@ -171,10 +183,7 @@ export const TopologyGraphView: React.FC<TopologyGraphViewProps> = ({ transformC
       }),
       edges: _transformData.edges,
       graph: {
-        id: TOPOLOGY_GRAPH_ID,
-        type: 'graph',
-        layout: 'Cola',
-        layers: [BOTTOM_LAYER, GROUPS_LAYER, DEFAULT_LAYER, TOP_LAYER],
+        ...BASE_MODEL.graph!,
         data: { ...discoveryTree },
         x: graphData.x,
         y: graphData.y,
@@ -189,7 +198,7 @@ export const TopologyGraphView: React.FC<TopologyGraphViewProps> = ({ transformC
     }
 
     // Initialize the controller with model to create nodes
-    visualization.fromModel(model, false);
+    visualization.fromModel(model, true);
   }, [_transformData, visualization, discoveryTree]);
 
   // Note: Do not reorder. Must be called after registering model