From a8ddc5504c500da73b204f6d0c77da09517809ac Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 7 Oct 2019 22:41:05 +0200
Subject: [PATCH] fix(examples): create id for new edges

---
 examples/advanced/scripts/ExampleGraph.js | 4 +++-
 examples/basic/scripts/ExampleGraph.js    | 5 ++++-
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/examples/advanced/scripts/ExampleGraph.js b/examples/advanced/scripts/ExampleGraph.js
index 7f5b0b8f..17b44fef 100644
--- a/examples/advanced/scripts/ExampleGraph.js
+++ b/examples/advanced/scripts/ExampleGraph.js
@@ -6,6 +6,8 @@ import SpecialNode from './SpecialNode';
 import InputNode from './InputNode';
 
 const onNodeDragStop = node => console.log('drag stop', node);
+let edgeId = 0;
+const getEdgeId = () => `edge__${edgeId++}`;
 
 class App extends PureComponent {
   constructor() {
@@ -125,7 +127,7 @@ class App extends PureComponent {
   onConnect(params) {
     console.log('connect', params);
     this.setState(prevState => ({
-      elements: prevState.elements.concat(params)
+      elements: prevState.elements.concat({ id: getEdgeId(), ...params })
     }));
   }
 
diff --git a/examples/basic/scripts/ExampleGraph.js b/examples/basic/scripts/ExampleGraph.js
index 79c18893..9eb28871 100644
--- a/examples/basic/scripts/ExampleGraph.js
+++ b/examples/basic/scripts/ExampleGraph.js
@@ -4,6 +4,9 @@ import Graph, { removeElements, getOutgoers } from '../../../src';
 
 const onNodeDragStop = node => console.log('drag stop', node);
 
+let edgeId = 0;
+const getEdgeId = () => `edge__${edgeId++}`;
+
 class App extends PureComponent {
   constructor() {
     super();
@@ -47,7 +50,7 @@ class App extends PureComponent {
   onConnect(params) {
     console.log('connect', params);
     this.setState(prevState => ({
-      elements: prevState.elements.concat(params)
+      elements: prevState.elements.concat({ id: getEdgeId(), ...params })
     }));
   }