From 68ee64ae99276db64b2b8396dc2e3998417c4402 Mon Sep 17 00:00:00 2001
From: Adam Procter <adamprocter@researchnot.es>
Date: Fri, 10 Sep 2021 20:52:04 +0100
Subject: [PATCH] quick emoji patch
---
src/components/MyNodes.vue | 21 +++++++++++++++++++++
src/components/OtherNodes.vue | 1 +
2 files changed, 22 insertions(+)
diff --git a/src/components/MyNodes.vue b/src/components/MyNodes.vue
index 0834db2..12c293e 100644
--- a/src/components/MyNodes.vue
+++ b/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>
diff --git a/src/components/OtherNodes.vue b/src/components/OtherNodes.vue
index bc479b7..992750d 100644
--- a/src/components/OtherNodes.vue
+++ b/src/components/OtherNodes.vue
@@ -106,6 +106,7 @@ export default {
skinTone,
emoticon,
})
+ this.$store.dispatch('getEmoji')
},
openEmoji(nodeid) {
--
GitLab