From 4248bfa25307eca36d3dfc690c01257d2be67d0c Mon Sep 17 00:00:00 2001
From: Anton <anton@scinote.net>
Date: Fri, 1 Dec 2023 11:53:42 +0100
Subject: [PATCH] Fix emojies in item card

---
 .../repository_values/RepositoryStatusValue.vue       | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryStatusValue.vue b/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryStatusValue.vue
index 561bfd638..b850df1c3 100644
--- a/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryStatusValue.vue
+++ b/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryStatusValue.vue
@@ -1,5 +1,5 @@
 <template>
-  <div id="repository-status-value-wrapper" class="flex flex-col min-min-h-[46px] h-auto gap-[6px]">
+  <div ref="container" id="repository-status-value-wrapper" class="flex flex-col min-min-h-[46px] h-auto gap-[6px]">
     <div class="font-inter text-sm font-semibold leading-5 truncate" :title="colName">
       {{ colName }}
     </div>
@@ -88,16 +88,25 @@ export default {
       this.isLoading = false;
       this.selected = this.id;
     });
+    this.replaceEmojiesInDropdown();
   },
   methods: {
     changeSelected(id) {
       this.selected = id;
       if (id || id === null) {
         this.update(id);
+        this.replaceEmojiesInDropdown();
       }
     },
     parseEmoji(content) {
       return twemoji.parse(content);
+    },
+    replaceEmojiesInDropdown() {
+      setTimeout(() => {
+        twemoji.size = "24x24";
+        twemoji.base = '/images/twemoji/';
+        twemoji.parse(this.$refs.container);
+      }, 100);
     }
   }
 };