From 7679b5fe3bec826b2c5c11de29767a4e192afc18 Mon Sep 17 00:00:00 2001
From: Muhammed Mustafa <mustafa@nocodb.com>
Date: Fri, 29 Sep 2023 12:59:40 +0530
Subject: [PATCH] fix: i18n for QrCode

---
 .../nc-gui/components/smartsheet/column/QrCodeOptions.vue   | 6 ++++--
 packages/nc-gui/components/virtual-cell/QrCode.vue          | 6 +++---
 packages/nc-gui/lang/en.json                                | 2 ++
 3 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/packages/nc-gui/components/smartsheet/column/QrCodeOptions.vue b/packages/nc-gui/components/smartsheet/column/QrCodeOptions.vue
index 172829fa26..cb240878fd 100644
--- a/packages/nc-gui/components/smartsheet/column/QrCodeOptions.vue
+++ b/packages/nc-gui/components/smartsheet/column/QrCodeOptions.vue
@@ -14,6 +14,8 @@ const meta = inject(MetaInj, ref())
 
 const activeView = inject(ActiveViewInj, ref())
 
+const { t } = useI18n()
+
 const reloadDataHook = inject(ReloadViewDataHookInj)!
 
 const { fields, metaColumnById } = useViewColumns(activeView, meta, () => reloadDataHook.trigger())
@@ -42,7 +44,7 @@ onMounted(() => {
 })
 
 setAdditionalValidations({
-  fk_qr_value_column_id: [{ required: true, message: 'Required' }],
+  fk_qr_value_column_id: [{ required: true, message: t('general.required') }],
 })
 </script>
 
@@ -57,7 +59,7 @@ setAdditionalValidations({
         <a-select
           v-model:value="vModel.fk_qr_value_column_id"
           :options="columnsAllowedAsQrValue"
-          placeholder="Select a column for the QR code value"
+          :placeholder="$t('placeholder.selectAColumnForTheQRCodeValue')"
           @click.stop
         />
       </a-form-item>
diff --git a/packages/nc-gui/components/virtual-cell/QrCode.vue b/packages/nc-gui/components/virtual-cell/QrCode.vue
index 2cf8879dd7..f51a23be06 100644
--- a/packages/nc-gui/components/virtual-cell/QrCode.vue
+++ b/packages/nc-gui/components/virtual-cell/QrCode.vue
@@ -61,7 +61,7 @@ const { showEditNonEditableFieldWarning, showClearNonEditableFieldWarning } = us
         {{ qrValue }}
       </div>
     </template>
-    <img v-if="showQrCode" :src="qrCodeLarge" alt="QR Code" />
+    <img v-if="showQrCode" :src="qrCodeLarge" :alt="$t('title.qrCode')" />
   </a-modal>
   <div v-if="tooManyCharsForQrCode" class="text-left text-wrap mt-2 text-[#e65100] text-[10px]">
     {{ $t('labels.qrCodeValueTooLong') }}
@@ -71,10 +71,10 @@ const { showEditNonEditableFieldWarning, showClearNonEditableFieldWarning } = us
     :class="{ 'mx-auto': !isGallery }"
     :style="{ height: rowHeight ? `${rowHeight * 1.4}rem` : `1.4rem` }"
     :src="qrCode"
-    alt="QR Code"
+    :alt="$t('title.qrCode')"
     @click="showQrModal"
   />
-  <img v-else-if="showQrCode" class="mx-auto" :src="qrCode" alt="QR Code" @click="showQrModal" />
+  <img v-else-if="showQrCode" class="mx-auto" :src="qrCode" :alt="$t('title.qrCode')" @click="showQrModal" />
   <div v-if="showEditNonEditableFieldWarning" class="text-left text-wrap mt-2 text-[#e65100] text-xs">
     {{ $t('msg.warning.nonEditableFields.computedFieldUnableToClear') }}
   </div>
diff --git a/packages/nc-gui/lang/en.json b/packages/nc-gui/lang/en.json
index 3ccd51d7a6..acd447320f 100644
--- a/packages/nc-gui/lang/en.json
+++ b/packages/nc-gui/lang/en.json
@@ -267,6 +267,7 @@
     "dateJoined": "Date Joined",
     "tokenName": "Token name",
     "creator": "Creator",
+    "qrCode": "QR Code",
     "updateSelectedRows": "Update Selected Rows",
     "noFiltersAdded": "No filters added",
     "editCards": "Edit Cards",
@@ -773,6 +774,7 @@
       "save": "Save password",
       "confirm": "Confirm new password"
     },
+    "selectAColumnForTheQRCodeValue": "Select a column for the QR code value",
     "allowNegativeNumbers": "Allow negative numbers",
     "searchProjectTree": "Search tables",
     "searchFields": "Search fields",