quick emoji patch

src/components/MyNodes.vue

@@ -62,6 +62,17 @@
           v-html="marked(nodes.node_text)"
         ></p>
         <button @click.prevent="toggleMode(nodes.node_id)">Edit</button>
+        <div class="allemoji">
+          <div
+            class="eachemoji"
+            v-for="(emojis, index) in allEmoji.allEmoji"
+            :key="index"
+          >
+            <p v-if="nodes.node_id == emojis.node_id">
+              {{ emojis.emoji_unicode }}
+            </p>
+          </div>
+        </div>
       </template>
     </form>
   </div>
@@ -111,6 +122,7 @@ export default {
   computed: {
     ...mapState({
       myNodes: (state) => state.myNodes,
+      allEmoji: (state) => state.allEmoji,
     }),
   },
 
@@ -225,6 +237,8 @@ export default {
         (nodes) => nodes.node_deleted == false
       )
       this.$store.dispatch('getMynodes')
+      this.$store.dispatch('getEmoji')
+
       this.myArray = nodesFiltered.reverse()
     },
 
@@ -319,4 +333,11 @@ textarea {
 img {
   width: 45%;
 }
+
+.allemoji {
+  font-size: 1.5em;
+  padding: 0em;
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(0, auto));
+}
 </style>

src/components/OtherNodes.vue

@@ -106,6 +106,7 @@ export default {
         skinTone,
         emoticon,
       })
+      this.$store.dispatch('getEmoji')
     },
 
     openEmoji(nodeid) {