From 4ac40d8b0102a355961877ed398b395d47e2a684 Mon Sep 17 00:00:00 2001
From: bludnic <victorcpla@gmail.com>
Date: Thu, 9 Jan 2025 01:05:30 +0000
Subject: [PATCH] feat(ipfs): localize image/file loading errors

---
 src/components/AChat/AChatAttachment/AChatFile.vue  | 6 +++++-
 src/components/AChat/AChatAttachment/AChatImage.vue | 6 +++++-
 src/locales/en.json                                 | 2 ++
 src/locales/ru.json                                 | 2 ++
 4 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/src/components/AChat/AChatAttachment/AChatFile.vue b/src/components/AChat/AChatAttachment/AChatFile.vue
index 083ffaf90..9f1f4390b 100644
--- a/src/components/AChat/AChatAttachment/AChatFile.vue
+++ b/src/components/AChat/AChatAttachment/AChatFile.vue
@@ -9,7 +9,7 @@
                 <v-icon v-bind="props" :class="classes.errorIcon" icon="mdi-image-off" />
               </template>
 
-              <span>Failed to load the image</span>
+              <span>{{ t('chats.file_loading_error') }}</span>
             </v-tooltip>
           </div>
         </div>
@@ -60,6 +60,7 @@
 
 <script lang="ts">
 import { computed, defineComponent, PropType } from 'vue'
+import { useI18n } from 'vue-i18n'
 import { NormalizedChatMessageTransaction } from '@/lib/chat/helpers'
 import { LocalFile, isLocalFile, formatBytes } from '@/lib/files'
 import { FileAsset } from '@/lib/adamant-api/asset'
@@ -100,6 +101,8 @@ export default defineComponent({
   emits: ['click'],
   components: { AChatFileLoader, IconFile },
   setup(props) {
+    const { t } = useI18n()
+
     const isImage = computed(() => {
       if (isLocalFile(props.file)) {
         return props.file.file.isImage
@@ -118,6 +121,7 @@ export default defineComponent({
     })
 
     return {
+      t,
       classes,
       isImage,
       fileName,
diff --git a/src/components/AChat/AChatAttachment/AChatImage.vue b/src/components/AChat/AChatAttachment/AChatImage.vue
index 593a0f2a1..f0b29344c 100644
--- a/src/components/AChat/AChatAttachment/AChatImage.vue
+++ b/src/components/AChat/AChatAttachment/AChatImage.vue
@@ -8,7 +8,7 @@
               <v-icon v-bind="props" :class="classes.errorIcon" icon="mdi-image-off" />
             </template>
 
-            <span>Failed to load the image</span>
+            <span>{{ t('chats.image_loading_error') }}</span>
           </v-tooltip>
         </div>
       </v-img>
@@ -41,6 +41,7 @@
 
 <script lang="ts">
 import { defineComponent, PropType } from 'vue'
+import { useI18n } from 'vue-i18n'
 
 import { AChatFileLoader } from './AChatFileLoader.tsx'
 import { NormalizedChatMessageTransaction } from '@/lib/chat/helpers'
@@ -75,7 +76,10 @@ export default defineComponent({
   emits: ['click'],
   components: { AChatFileLoader },
   setup() {
+    const { t } = useI18n()
+
     return {
+      t,
       classes
     }
   }
diff --git a/src/locales/en.json b/src/locales/en.json
index 6864b1abc..422457b3a 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -20,6 +20,8 @@
     "max_file_size": "Max file size allowed: 10MB",
     "file": "0 files | 1 file | {n} files | {n} files",
     "files": "file(s)",
+    "file_loading_error": "Failed to load the file",
+    "image_loading_error": "Failed to load the image",
     "me": "Me",
     "message": "Type a message",
     "message_rejected": "Message rejected",
diff --git a/src/locales/ru.json b/src/locales/ru.json
index 1d0887fec..04e187159 100644
--- a/src/locales/ru.json
+++ b/src/locales/ru.json
@@ -20,6 +20,8 @@
     "max_file_size": "Максимальный размер файла: 10MB",
     "file": "0 файлов | 1 файл | {n} файла | {n} файлов",
     "files": "файл(ов)",
+    "file_loading_error": "Не удалось загрузить файл",
+    "image_loading_error": "Не удалось загрузить изображение",
     "me": "Я",
     "message": "Введите сообщение",
     "message_rejected": "Сообщение отклонено",