From 995dee886f3b6bbacb1ef39bc588d5d70e1c018c Mon Sep 17 00:00:00 2001
From: Adam Procter <adamprocter@researchnot.es>
Date: Fri, 18 Dec 2020 18:09:48 +0000
Subject: [PATCH] all tips stay hidden per session

using tips state to hide all tips during session
---
 app/src/components/ModesCard.vue    | 10 +++++-----
 app/src/components/ModesCardorg.vue | 12 ++++++------
 app/src/components/TipsLayer.vue    | 10 ++++++----
 app/src/experimental/uiStore.js     |  2 +-
 app/src/store/index.js              | 10 +++++++++-
 5 files changed, 27 insertions(+), 17 deletions(-)

diff --git a/app/src/components/ModesCard.vue b/app/src/components/ModesCard.vue
index 3404884..837ae03 100644
--- a/app/src/components/ModesCard.vue
+++ b/app/src/components/ModesCard.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <div v-show="tipsplease" class="nodes welcome">
+    <div v-show="showtipsstate" class="nodes welcome">
       <img src="https://alpha.nodenogg.in/files/collect.png" />
 
       <p>
@@ -101,7 +101,7 @@ import SvgButton from '@/components/SvgButton'
 export default {
   data: function () {
     return {
-      tipsplease: true,
+      // showtipsstate: null,
     }
   },
 
@@ -113,13 +113,13 @@ export default {
   },
 
   computed: mapState({
-    hidetipsstate: (state) => state.hidetipsstate,
+    showtipsstate: (state) => state.showtipsstate,
   }),
 
   methods: {
     hideTips() {
-      this.tipsplease = false
-      //  this.hidetipsstate = false
+      var e = false
+      this.$store.dispatch('showTipsstate', e)
     },
   },
   components: {
diff --git a/app/src/components/ModesCardorg.vue b/app/src/components/ModesCardorg.vue
index 11fbaae..ad17bd4 100644
--- a/app/src/components/ModesCardorg.vue
+++ b/app/src/components/ModesCardorg.vue
@@ -1,5 +1,5 @@
 <template>
-  <div v-show="tipsplease">
+  <div v-show="showtipsstate">
     <draggable
       class="innernode"
       :w="450"
@@ -169,7 +169,7 @@
         <SvgButton @click="hideTips()" />
       </div>
     </draggable>
-    <div v-show="!tipsplease"></div>
+    <div v-show="!showtipsstate"></div>
   </div>
 </template>
 
@@ -182,7 +182,7 @@ import draggable from '@/experimental/Draggable'
 export default {
   data: function () {
     return {
-      tipsplease: true,
+      // showtipsstate: true,
     }
   },
 
@@ -194,14 +194,14 @@ export default {
   },
 
   computed: mapState({
-    hidetipsstate: (state) => state.hidetipsstate,
+    showtipsstate: (state) => state.showtipsstate,
     scale: (state) => state.ui.scale,
   }),
 
   methods: {
     hideTips() {
-      this.tipsplease = false
-      //  this.hidetipsstate = false
+      var e = false
+      this.$store.dispatch('showTipsstate', e)
     },
   },
   components: {
diff --git a/app/src/components/TipsLayer.vue b/app/src/components/TipsLayer.vue
index cfeab2b..32bdf51 100644
--- a/app/src/components/TipsLayer.vue
+++ b/app/src/components/TipsLayer.vue
@@ -1,6 +1,6 @@
 <template>
   <div ref="nodes" class="node">
-    <div v-show="tipsplease">
+    <div v-show="showtipsstate">
       <draggable
         class="innernode"
         :w="250"
@@ -21,7 +21,7 @@
       </draggable>
     </div>
 
-    <div v-show="!tipsplease"></div>
+    <div v-show="!showtipsstate"></div>
   </div>
 </template>
 
@@ -35,10 +35,11 @@ export default {
     return {
       nodetext:
         '## Shortcuts 🐢 -> 🐰 \n **n** to create new nodes. </br> **c** create connections </br> **a** or **s** select &amp; move nodes. </br> **m** pan and zoom canvas',
-      tipsplease: true,
+      // showtipsstate: true,
     }
   },
   computed: mapState({
+    showtipsstate: (state) => state.showtipsstate,
     scale: (state) => state.ui.scale,
   }),
   filters: {
@@ -47,7 +48,8 @@ export default {
 
   methods: {
     hideTips() {
-      this.tipsplease = false
+      var e = false
+      this.$store.dispatch('showTipsstate', e)
     },
   },
   components: {
diff --git a/app/src/experimental/uiStore.js b/app/src/experimental/uiStore.js
index 74f1963..d3d7b76 100644
--- a/app/src/experimental/uiStore.js
+++ b/app/src/experimental/uiStore.js
@@ -18,7 +18,7 @@ const store = {
       nodes: [],
     },
     mode: 'select',
-    tipshidden: false,
+
     scale: 1,
     translation: {
       x: 0,
diff --git a/app/src/store/index.js b/app/src/store/index.js
index c5c4504..1bdc2ba 100644
--- a/app/src/store/index.js
+++ b/app/src/store/index.js
@@ -40,7 +40,7 @@ var remote =
 const store = new Vuex.Store({
   state: {
     shortcutstate: false,
-    hidetipsstate: true,
+    showtipsstate: true,
     //  connectionstate: false,
     version: process.env.VUE_APP_VERSION,
     localnodeid: '',
@@ -414,6 +414,10 @@ const store = new Vuex.Store({
       state.shortcutstate = e
     },
 
+    SHOWTIPS_STATE(state, e) {
+      state.showtipsstate = e
+    },
+
     UPDATE_REMOTE(state, e) {
       state.configRemote = [
         {
@@ -929,6 +933,10 @@ const store = new Vuex.Store({
       commit('SHORTCUT_STATE', e)
     },
 
+    showTipsstate: ({ commit }, e) => {
+      commit('SHOWTIPS_STATE', e)
+    },
+
     // connectionState: ({ commit }, e) => {
     //   commit('CONNECTION_STATE', e)
     // },
-- 
GitLab