diff --git a/src/components/MyNodes.vue b/src/components/MyNodes.vue index 1efba764aa7c3e35042b34be671d2626f9dcd4dc..19ed41f33065cd392c50836762285d5b742775e0 100644 --- a/src/components/MyNodes.vue +++ b/src/components/MyNodes.vue @@ -47,11 +47,16 @@ export default { computed: { ...mapState({ - // TODO: Can you filter here instead ? myNodes: (state) => state.myNodes, }), }, + watch: { + added: function () { + this.loadData() + }, + }, + mounted() { //console.log('mounted') setTimeout(this.loadData, 500) @@ -68,11 +73,11 @@ export default { methods: { loadData() { - // console.log('loading data') var nodesFiltered = this.myNodes.myNodes.filter( (nodes) => nodes.node_deleted == false ) this.$store.dispatch('getMynodes') + this.myArray = nodesFiltered.reverse() }, diff --git a/src/components/ToolBar.vue b/src/components/ToolBar.vue index 3e0b432b29bd6a0cf82f5cb3bad0b29c7de24ed2..8957be50ac2ea2b526eb3d6318f414345019daa8 100644 --- a/src/components/ToolBar.vue +++ b/src/components/ToolBar.vue @@ -39,7 +39,6 @@ export default { this.$store.dispatch('addNode') }, exitMicrocosm() { - localStorage.removeItem('nogg_microcosm') localStorage.removeItem('nogg_name') diff --git a/src/views/Collect.vue b/src/views/Collect.vue index a0717290744443694c47788f57985acd34e8d6ae..72ccedde46262fe1a32726910fa7c29185f29bc3 100644 --- a/src/views/Collect.vue +++ b/src/views/Collect.vue @@ -1,6 +1,6 @@ <template> <ToolBar @added-node="addedNode" /> - <MyNodes :added="added" :key="componentKey" /> + <MyNodes :added="added" /> </template> <script> @@ -21,20 +21,13 @@ export default { data() { return { - componentKey: 0, - added: true, + added: false, } }, methods: { addedNode() { - //console.log('I hear you!') this.added = !this.added - this.forceRender() - }, - forceRender() { - // reloads the data after adding a node - this.componentKey += 1 }, }, }