Chore: Refactor view render function calls

memgraph · Feb 20, 2024 · fd48313 · fd48313
1 parent 5a147ef
commit fd48313
Showing 1 changed file with 10 additions and 17 deletions.
diff --git a/src/views/orb-view.ts b/src/views/orb-view.ts
@@ -37,7 +37,6 @@ export interface IOrbViewSettings<N extends INodeBase, E extends IEdgeBase> {
   zoomFitTransitionMs: number;
   isOutOfBoundsDragEnabled: boolean;
   areCoordinatesRounded: boolean;
-  isSimulationAnimated: boolean;
   areCollapsedContainerDimensionsAllowed: boolean;
 }
 
@@ -71,7 +70,6 @@ export class OrbView<N extends INodeBase, E extends IEdgeBase> implements IOrbVi
       zoomFitTransitionMs: 200,
       isOutOfBoundsDragEnabled: false,
       areCoordinatesRounded: true,
-      isSimulationAnimated: true,
       areCollapsedContainerDimensionsAllowed: false,
       ...settings,
       simulation: {
@@ -160,9 +158,7 @@ export class OrbView<N extends INodeBase, E extends IEdgeBase> implements IOrbVi
     this._simulator.on(SimulatorEventType.SIMULATION_PROGRESS, (data) => {
       this._graph.setNodePositions(data.nodes);
       this._events.emit(OrbEventType.SIMULATION_STEP, { progress: data.progress });
-      if (this._settings.isSimulationAnimated) {
-        this._renderer.render(this._graph);
-      }
+      this.render();
     });
     this._simulator.on(SimulatorEventType.SIMULATION_END, (data) => {
       this._graph.setNodePositions(data.nodes);
@@ -174,11 +170,11 @@ export class OrbView<N extends INodeBase, E extends IEdgeBase> implements IOrbVi
     });
     this._simulator.on(SimulatorEventType.SIMULATION_STEP, (data) => {
       this._graph.setNodePositions(data.nodes);
-      this._renderer.render(this._graph);
+      this.render();
     });
     this._simulator.on(SimulatorEventType.NODE_DRAG, (data) => {
       this._graph.setNodePositions(data.nodes);
-      this._renderer.render(this._graph);
+      this.render();
     });
     this._simulator.on(SimulatorEventType.SETTINGS_UPDATE, (data) => {
       this._settings.simulation = data.settings;
@@ -323,10 +319,7 @@ export class OrbView<N extends INodeBase, E extends IEdgeBase> implements IOrbVi
       .duration(this._settings.zoomFitTransitionMs)
       .ease(easeLinear)
       .call(this._d3Zoom.scaleBy, 0.8)
-      .call(() => {
-        this._renderer.render(this._graph);
-        onRendered?.();
-      });
+      .call(() => this.render(onRendered));
   }
 
   destroy() {
@@ -413,7 +406,7 @@ export class OrbView<N extends INodeBase, E extends IEdgeBase> implements IOrbVi
     }
     this._renderer.transform = event.transform;
     setTimeout(() => {
-      this._renderer.render(this._graph);
+      this.render();
       this._events.emit(OrbEventType.TRANSFORM, { transform: event.transform });
     }, 1);
   };
@@ -476,7 +469,7 @@ export class OrbView<N extends INodeBase, E extends IEdgeBase> implements IOrbVi
     });
 
     if (response.isStateChanged) {
-      this._renderer.render(this._graph);
+      this.render();
     }
   };
 
@@ -514,7 +507,7 @@ export class OrbView<N extends INodeBase, E extends IEdgeBase> implements IOrbVi
     });
 
     if (response.isStateChanged || response.changedSubject) {
-      this._renderer.render(this._graph);
+      this.render();
     }
   };
 
@@ -552,7 +545,7 @@ export class OrbView<N extends INodeBase, E extends IEdgeBase> implements IOrbVi
     });
 
     if (response.isStateChanged || response.changedSubject) {
-      this._renderer.render(this._graph);
+      this.render();
     }
   };
 
@@ -590,7 +583,7 @@ export class OrbView<N extends INodeBase, E extends IEdgeBase> implements IOrbVi
     });
 
     if (response.isStateChanged || response.changedSubject) {
-      this._renderer.render(this._graph);
+      this.render();
     }
   };
 
@@ -611,7 +604,7 @@ export class OrbView<N extends INodeBase, E extends IEdgeBase> implements IOrbVi
     this._renderer.width = containerSize.width;
     this._renderer.height = containerSize.height;
     if (this._renderer.isInitiallyRendered) {
-      this._renderer.render(this._graph);
+      this.render();
     }
   }