more fixes !

app/src/components/CardsLayer.vue

@@ -23,11 +23,13 @@
         <div class="btn-row">
           <SvgButton
             buttonClass="nodes"
-            @click.prevent="deleteFlag(nodes.node_id)"
+            @click.prevent="deleteFlag(nodes.node_id), updateNodes()"
           />
           <SvgButton2
             buttonClass="nodes"
-            @click.prevent="readFlag(nodes.node_id, nodes.read_mode)"
+            @click.prevent="
+              readFlag(nodes.node_id, nodes.read_mode), updateNodes()
+            "
           />
         </div>
 
@@ -57,10 +59,14 @@ var readmode
 export default {
   name: 'CardsLayer',
 
+  props: {
+    added: Boolean,
+  },
   data: function () {
     return {
       localreadmode: false,
       myArray: null,
+      update: false,
     }
   },
 
@@ -90,10 +96,30 @@ export default {
   },
 
   updated() {
-    setTimeout(this.loadData, 300)
+    // setTimeout(this.loadData, 300)
+  },
+
+  watch: {
+    added: {
+      deep: true,
+
+      handler() {
+        setTimeout(this.loadData, 200)
+      },
+    },
+    update: {
+      deep: true,
+
+      handler() {
+        setTimeout(this.loadData, 200)
+      },
+    },
   },
 
   methods: {
+    updateNodes() {
+      this.update = !this.update
+    },
     loadData() {
       this.$options.myArray = this.nodes_filtered
       this.$forceUpdate()
@@ -109,7 +135,6 @@ export default {
     },
 
     deleteFlag(e) {
-      e = this.nodeid
       if (confirm('Confirm discard?')) {
         this.$store.dispatch('deleteFlag', { e })
       } else {

app/src/components/ListLayer.vue

@@ -24,11 +24,13 @@
         <div class="btn-row">
           <SvgButton
             buttonClass="nodes"
-            @click.prevent="deleteFlag(nodes.node_id)"
+            @click.prevent="deleteFlag(nodes.node_id), updateNodes()"
           />
           <SvgButton2
             buttonClass="nodes"
-            @click.prevent="readFlag(nodes.node_id, nodes.read_mode)"
+            @click.prevent="
+              readFlag(nodes.node_id, nodes.read_mode), updateNodes()
+            "
           />
         </div>
 
@@ -58,10 +60,15 @@ var readmode
 export default {
   name: 'ListLayer',
 
+  props: {
+    added: Boolean,
+  },
+
   data: function () {
     return {
       localreadmode: false,
       myArray: null,
+      update: false,
     }
   },
 
@@ -90,10 +97,30 @@ export default {
   },
 
   updated() {
-    setTimeout(this.loadData, 300)
+    // setTimeout(this.loadData, 300)
+  },
+
+  watch: {
+    added: {
+      deep: true,
+
+      handler() {
+        setTimeout(this.loadData, 200)
+      },
+    },
+    update: {
+      deep: true,
+
+      handler() {
+        setTimeout(this.loadData, 200)
+      },
+    },
   },
 
   methods: {
+    updateNodes() {
+      this.update = !this.update
+    },
     loadData() {
       this.$options.myArray = this.nodes_filtered
       this.$forceUpdate()

app/src/views/Cards.vue

@@ -3,7 +3,7 @@
     <div v-if="clientset">
       <h1 class="mobile">All nodes - card view</h1>
 
-      <CardsLayer @editTrue="(e) => editTrue(e)" />
+      <CardsLayer @edit-true="(e) => editTrue(e)" :added="added" />
 
       <OtherCardslayer />
 
@@ -72,15 +72,10 @@ export default {
       clientset: false,
       uploadready: false,
       copyready: false,
+      added: true,
     }
   },
 
-  props: {
-    nodeid: String,
-    nodetext: String,
-    deleted: Boolean,
-  },
-
   computed: {
     ...mapState({
       myNodes: (state) => state.myNodes,
@@ -114,6 +109,7 @@ export default {
 
     addNode() {
       this.$store.dispatch('addNode')
+      this.added = !this.added
     },
 
     editTrue(e) {

app/src/views/Collect.vue

@@ -3,7 +3,7 @@
     <div v-if="clientset">
       <div id="listwrapper">
         <ModesCard />
-        <ListLayer @edit-true="(e) => editTrue(e)" />
+        <ListLayer @edit-true="(e) => editTrue(e)" :added="added" />
         <div class="btn-row">
           <!-- <BaseButton class="new" buttonClass="action" @click="addNode()"
             >Create Node</BaseButton
@@ -78,15 +78,10 @@ export default {
       clientset: false,
       uploadready: false,
       copyready: false,
+      added: true,
     }
   },
 
-  props: {
-    nodeid: String,
-    nodetext: String,
-    deleted: Boolean,
-  },
-
   computed: {
     ...mapState({
       myNodes: (state) => state.myNodes,
@@ -120,6 +115,7 @@ export default {
 
     addNode() {
       this.$store.dispatch('addNode')
+      this.added = !this.added
     },
 
     editTrue(e) {