modifying textStore to just hold one string at a time

assuntad23 · Sep 14, 2023 · 28ada02 · 28ada02
1 parent 4644114
commit 28ada02
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 14 deletions.
diff --git a/client/src/components/Panels/HelpModeText.vue b/client/src/components/Panels/HelpModeText.vue
@@ -15,11 +15,6 @@ const helpText = computed({
 <template>
     <div class="unified-panel-body d-flex justify-content-between">
         <div class="helpModeContainer">
-            <!-- for each item in useHelpModeTextStore, display them -->
-            <!-- <div v-for="item in helpText" :key="item.id" class="helpModeText">
-                <a class="helpModeText-link" :href="item.href">{{ item }}</a>
-            </div> -->
-            HELP TEXT DISPLAYED HERE <br />
             {{ helpText }}
         </div>
     </div>

diff --git a/client/src/stores/helpmode/helpModeTextStore.js b/client/src/stores/helpmode/helpModeTextStore.js
@@ -3,21 +3,23 @@ import { defineStore } from "pinia";
 export const useHelpModeTextStore = defineStore("helpModeTextStore", {
     state: () => {
         return {
-            helpmodetext: "I'm a help mode item",
+            helpmodetext: "",
         };
     },
 
     actions: {
         addHelpModeText(text) {
             //only push up to 20 items, then start removing the oldest items
-            if (!this.helpmodetext.includes(text)) {
-                if (this.helpmodetext.length < 20) {
-                    this.helpmodetext.push(text);
-                } else {
-                    this.helpmodetext.shift();
-                    this.helpmodetext.push(text);
-                }
-            }
+            //do we need to keep track of more than one item? or is this an enhancement?
+            // if (!this.helpmodetext.includes(text)) {
+            //     if (this.helpmodetext.length < 20) {
+            //         this.helpmodetext.push(text);
+            //     } else {
+            //         this.helpmodetext.shift();
+            //         this.helpmodetext.push(text);
+            //     }
+            // }
+            this.helpmodetext = text;
         },
     },
 });