feat(ipfs): localize image/file loading errors

Adamant-im · Jan 9, 2025 · 4ac40d8 · 4ac40d8
1 parent 3991e33
commit 4ac40d8
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 2 deletions.
diff --git 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
@@ -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
@@ -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
@@ -20,6 +20,8 @@
     "max_file_size": "Максимальный размер файла: 10MB",
     "file": "0 файлов | 1 файл | {n} файла | {n} файлов",
     "files": "файл(ов)",
+    "file_loading_error": "Не удалось загрузить файл",
+    "image_loading_error": "Не удалось загрузить изображение",
     "me": "Я",
     "message": "Введите сообщение",
     "message_rejected": "Сообщение отклонено",