From 566230e1f798f2f439f4c2f4e45ed2242f92a9d6 Mon Sep 17 00:00:00 2001
From: Muhammed Mustafa <mustafa@nocodb.com>
Date: Thu, 28 Sep 2023 16:19:34 +0530
Subject: [PATCH] fix: i18n for Profile page, token page and main accounts page

---
 .../nc-gui/components/account/License.vue     | 22 ++++++++++---------
 .../nc-gui/components/account/Profile.vue     |  8 ++++---
 2 files changed, 17 insertions(+), 13 deletions(-)

diff --git a/packages/nc-gui/components/account/License.vue b/packages/nc-gui/components/account/License.vue
index 795fb16e8c..e4d780bc17 100644
--- a/packages/nc-gui/components/account/License.vue
+++ b/packages/nc-gui/components/account/License.vue
@@ -5,6 +5,8 @@ import { extractSdkResponseErrorMsg, useApi, useGlobal } from '#imports'
 
 const { api, isLoading } = useApi()
 
+const { t } = useI18n()
+
 const { $e } = useNuxtApp()
 
 const { loadAppInfo } = useGlobal()
@@ -22,7 +24,7 @@ const loadLicense = async () => {
 const setLicense = async () => {
   try {
     await api.orgLicense.set({ key: key.value })
-    message.success('License key updated')
+    message.success(t('success.licenseKeyUpdated'))
     await loadAppInfo()
   } catch (e: any) {
     message.error(await extractSdkResponseErrorMsg(e))
@@ -35,14 +37,14 @@ loadLicense()
 
 <template>
   <div class="h-full overflow-y-scroll scrollbar-thin-dull">
-<!--    <div class="text-xl mt-4 mb-8 text-center font-weight-bold">License</div>-->
-<!--    <div class="mx-auto w-150">-->
-<!--      <div>-->
-<!--        <a-textarea v-model:value="key" placeholder="License key" class="!mt-2 !max-w-[600px]"></a-textarea>-->
-<!--      </div>-->
-<!--      <div class="text-center">-->
-<!--        <a-button class="mt-4 !h-[2.2rem] !rounded-md" @click="setLicense" type="primary">Save license key</a-button>-->
-<!--      </div>-->
-<!--    </div>-->
+    <!--    <div class="text-xl mt-4 mb-8 text-center font-weight-bold">License</div>-->
+    <!--    <div class="mx-auto w-150">-->
+    <!--      <div>-->
+    <!--        <a-textarea v-model:value="key" placeholder="License key" class="!mt-2 !max-w-[600px]"></a-textarea>-->
+    <!--      </div>-->
+    <!--      <div class="text-center">-->
+    <!--        <a-button class="mt-4 !h-[2.2rem] !rounded-md" @click="setLicense" type="primary">Save license key</a-button>-->
+    <!--      </div>-->
+    <!--    </div>-->
   </div>
 </template>
diff --git a/packages/nc-gui/components/account/Profile.vue b/packages/nc-gui/components/account/Profile.vue
index 04e0f5d4d2..db959d808a 100644
--- a/packages/nc-gui/components/account/Profile.vue
+++ b/packages/nc-gui/components/account/Profile.vue
@@ -1,6 +1,8 @@
 <script lang="ts" setup>
 const { user } = useGlobal()
 
+const { t } = useI18n()
+
 const isErrored = ref(false)
 const isTitleUpdating = ref(false)
 const form = ref({
@@ -13,9 +15,9 @@ const formValidator = ref()
 
 const formRules = {
   title: [
-    { required: true, message: 'Name required' },
-    { min: 2, message: 'Name must be at least 2 characters long' },
-    { max: 60, message: 'Name must be at most 60 characters long' },
+    { required: true, message: t('error.nameRequired') },
+    { min: 2, message: t('error.nameMinLength') },
+    { max: 60, message: t('error.nameMaxLength') },
   ],
 }