diff --git a/app/src/experimental/layers/ConnectionsLayer.vue b/app/src/experimental/layers/ConnectionsLayer.vue
index a72bdc89b2d0c4f46fb3c0652af3627c1326cec8..981fe545a8a5cf6f6d55f7d6a7afa4406744520c 100644
--- a/app/src/experimental/layers/ConnectionsLayer.vue
+++ b/app/src/experimental/layers/ConnectionsLayer.vue
@@ -42,10 +42,10 @@ import { getPalette } from '@/experimental/constants/color'
 
 // import { generateConnectionHandles } from '@/utils/nodes'
 // import { generateBezierCurve, makeBezier } from '@/utils/svg'
-
 //import { generateConnectionHandles } from '@/utils/nodes'
 import { generateBezierCurve } from '@/experimental/utils/svg'
 import { groupBy } from '@/experimental/utils/helpers'
+import { mapState } from 'vuex'
 
 const groupByFrom = groupBy('from')
 
@@ -102,6 +102,10 @@ export default {
         }
       })
     },
+
+    ...mapState({
+      connections: (state) => state.configConnections,
+    }),
   },
   methods: {
     getCurve(connection) {
@@ -119,6 +123,19 @@ export default {
     findNode(id) {
       return [...this.nodes].find((pt) => pt.id === id)
     },
+
+    // startConnect(connectid, fromNode, toNode, startx, starty, endx, endy, connected) {
+    //   this.$store.dispatch('startConnect', {
+    //     connectid,
+    //     fromNode,
+    //     toNode,
+    //     startx,
+    //     starty,
+    //     endx,
+    //     endy,
+    //     connected,
+    //   })
+    // },
   },
 }
 </script>
diff --git a/app/src/store/index.js b/app/src/store/index.js
index 0eaf40bed7cede48474e6ba76ff4ce2b0bdb8b3f..c67a7683eb808612030ccf9a7194d9f84488665e 100644
--- a/app/src/store/index.js
+++ b/app/src/store/index.js
@@ -237,8 +237,8 @@ const store = new Vuex.Store({
 
       state.configConnections.push({
         connectid: connectid,
-        startid: e.e,
-        endid: e.f,
+        startid: e.fromNode,
+        endid: e.toNode,
         startx: e.startx,
         starty: e.starty,
         endx: e.endx,
@@ -591,12 +591,12 @@ const store = new Vuex.Store({
 
     startConnect: (
       { commit },
-      { connectid, e, f, startx, starty, endx, endy, connected }
+      { connectid, fromNode, toNode, startx, starty, endx, endy, connected }
     ) => {
       commit('MAKE_CONNECT', {
         connectid,
-        e,
-        f,
+        fromNode,
+        toNode,
         startx,
         starty,
         endx,
diff --git a/app/src/views/Sandbox.vue b/app/src/views/Sandbox.vue
index 2d8385ac9616592c28e593e017cc07b48b66c950..2117d0904280395602f739f1f15b2d13c301f52b 100644
--- a/app/src/views/Sandbox.vue
+++ b/app/src/views/Sandbox.vue
@@ -65,6 +65,7 @@ export default {
       myNodes: (state) => state.myNodes,
       otherNodes: (state) => state.otherNodes,
       shortcutstate: (state) => state.shortcutstate,
+      connections: (state) => state.configConnections,
     }),
     ...mapGetters({
       activeMode: 'ui/activeMode',