From 047f1f6bc33327c278bc1a1a1f0cac56419681e2 Mon Sep 17 00:00:00 2001
From: Shivam Mishra <scm.mymail@gmail.com>
Date: Mon, 9 Oct 2023 16:04:40 +0530
Subject: [PATCH] refactor: handle translation externally

---
 .../components/widgets/conversation/Message.vue        |  1 +
 .../components/widgets/conversation/bubble/ReplyTo.vue | 10 ++++++----
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/app/javascript/dashboard/components/widgets/conversation/Message.vue b/app/javascript/dashboard/components/widgets/conversation/Message.vue
index a22b1e55b..d78a0ea46 100644
--- a/app/javascript/dashboard/components/widgets/conversation/Message.vue
+++ b/app/javascript/dashboard/components/widgets/conversation/Message.vue
@@ -40,6 +40,7 @@
         <bubble-reply-to
           v-if="inReplyToMessageId"
           :content="inReplyTo.content"
+          :default-empty-message="$t('CONVERSATION.REPLY_MESSAGE_NOT_FOUND')"
           @click="navigateToMessage"
         />
         <bubble-text
diff --git a/app/javascript/dashboard/components/widgets/conversation/bubble/ReplyTo.vue b/app/javascript/dashboard/components/widgets/conversation/bubble/ReplyTo.vue
index b1c668113..a7a5ad64a 100644
--- a/app/javascript/dashboard/components/widgets/conversation/bubble/ReplyTo.vue
+++ b/app/javascript/dashboard/components/widgets/conversation/bubble/ReplyTo.vue
@@ -2,16 +2,18 @@
 import { computed } from 'vue';
 import { extractTextFromMarkdown } from 'dashboard/helper/editorHelper';
 
-const { content } = defineProps({
+const props = defineProps({
   content: {
     type: String,
     default: '',
   },
+  defaultEmptyMessage: {
+    type: String,
+    required: true,
+  },
 });
 
-const cleanedContent = computed(() => extractTextFromMarkdown(content));
-
-const defaultEmptyMessage = this.$t('CONVERSATION.REPLY_MESSAGE_NOT_FOUND');
+const cleanedContent = computed(() => extractTextFromMarkdown(props.content));
 </script>
 
 <template>