From 825e1b4fb3cf1acde900194d7872fec4d6e0f314 Mon Sep 17 00:00:00 2001
From: Shivam Mishra <scm.mymail@gmail.com>
Date: Wed, 27 Nov 2024 17:09:03 +0530
Subject: [PATCH] feat: add i18n for error message

---
 .../dashboard/components-next/message/MessageError.vue | 10 +++++-----
 app/javascript/dashboard/i18n/locale/en/chatlist.json  |  1 +
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/app/javascript/dashboard/components-next/message/MessageError.vue b/app/javascript/dashboard/components-next/message/MessageError.vue
index 418e94437..128ab0b06 100644
--- a/app/javascript/dashboard/components-next/message/MessageError.vue
+++ b/app/javascript/dashboard/components-next/message/MessageError.vue
@@ -1,17 +1,17 @@
 <script setup>
 import Icon from 'next/icon/Icon.vue';
+import { useI18n } from 'vue-i18n';
 
 defineProps({
-  error: {
-    type: String,
-    required: true,
-  },
+  error: { type: String, required: true },
 });
+
+const { t } = useI18n();
 </script>
 
 <template>
   <div class="text-xs text-n-ruby-11 flex items-center gap-1.5">
-    <span>{{ 'Failed to send' }}</span>
+    <span>{{ t('CHAT_LIST.FAILED_TO_SEND') }}</span>
     <div class="relative group">
       <div
         class="bg-n-alpha-2 rounded-md size-5 grid place-content-center cursor-pointer"
diff --git a/app/javascript/dashboard/i18n/locale/en/chatlist.json b/app/javascript/dashboard/i18n/locale/en/chatlist.json
index 1458bf58a..5c08fddb6 100644
--- a/app/javascript/dashboard/i18n/locale/en/chatlist.json
+++ b/app/javascript/dashboard/i18n/locale/en/chatlist.json
@@ -6,6 +6,7 @@
     "LIST": {
       "404": "There are no active conversations in this group."
     },
+    "FAILED_TO_SEND": "Failed to send",
     "TAB_HEADING": "Conversations",
     "MENTION_HEADING": "Mentions",
     "UNATTENDED_HEADING": "Unattended",