From 76b211007f3a5ac94c745492f296ae516d871bee Mon Sep 17 00:00:00 2001
From: Muhammed Mustafa <mustafa@nocodb.com>
Date: Fri, 29 Sep 2023 16:40:00 +0530
Subject: [PATCH] fix: i18n for Form View

---
 packages/nc-gui/components/smartsheet/Form.vue | 18 ++++++++++++------
 packages/nc-gui/lang/en.json                   |  7 +++++++
 2 files changed, 19 insertions(+), 6 deletions(-)

diff --git a/packages/nc-gui/components/smartsheet/Form.vue b/packages/nc-gui/components/smartsheet/Form.vue
index 6b33c990b7..84d5806d4d 100644
--- a/packages/nc-gui/components/smartsheet/Form.vue
+++ b/packages/nc-gui/components/smartsheet/Form.vue
@@ -389,8 +389,10 @@ watch(view, (nextView) => {
 <template>
   <template v-if="isMobileMode">
     <div class="pl-6 pr-[120px] py-6 bg-white flex-col justify-start items-start gap-2.5 inline-flex">
-      <div class="text-gray-500 text-5xl font-semibold leading-16">Available<br />in Desktop</div>
-      <div class="text-gray-500 text-base font-medium leading-normal">Form View is currently not supported on mobile.</div>
+      <div class="text-gray-500 text-5xl font-semibold leading-16">
+        {{ $t('general.available') }}<br />{{ $t('title.inDesktop') }}
+      </div>
+      <div class="text-gray-500 text-base font-medium leading-normal">{{ $t('msg.formViewNotSupportedOnMobile') }}</div>
     </div>
   </template>
   <template v-else>
@@ -399,16 +401,20 @@ watch(view, (nextView) => {
         <div v-if="formViewData" class="items-center justify-center text-center mt-2">
           <a-alert type="success">
             <template #message>
-              <div class="text-center">{{ formViewData.success_msg || 'Successfully submitted form data' }}</div>
+              <div class="text-center">{{ formViewData.success_msg || $t('msg.successfullySubmittedFormData') }}</div>
             </template>
           </a-alert>
 
           <div v-if="formViewData.show_blank_form" class="text-gray-400 mt-4">
-            New form will be loaded after {{ secondsRemain }} seconds
+            {{
+              $t('msg.newFormWillBeLoaded', {
+                seconds: secondsRemain,
+              })
+            }}
           </div>
 
           <div v-if="formViewData.submit_another_form || !isPublic" class="text-center mt-4">
-            <a-button type="primary" size="large" @click="submitted = false"> Submit Another Form</a-button>
+            <a-button type="primary" size="large" @click="submitted = false"> {{ $t('activity.submitAnotherForm') }}</a-button>
           </div>
         </div>
       </a-col>
@@ -773,7 +779,7 @@ watch(view, (nextView) => {
                     v-if="!localColumns.length"
                     class="mt-4 border-dashed border-2 border-gray-400 py-3 text-gray-400 text-center"
                   >
-                    Drag and drop fields here to add
+                    {{ $t('activity.dragAndDropFieldsHereToAdd') }}
                   </div>
                 </template>
               </Draggable>
diff --git a/packages/nc-gui/lang/en.json b/packages/nc-gui/lang/en.json
index 3390297020..2b35639653 100644
--- a/packages/nc-gui/lang/en.json
+++ b/packages/nc-gui/lang/en.json
@@ -59,6 +59,7 @@
     "empty": "Empty",
     "changeIcon": "Change Icon",
     "save": "Save",
+    "available": "Available",
     "abort": "Abort",
     "saving": "Saving",
     "cancel": "Cancel",
@@ -286,6 +287,7 @@
     "noMembersFound": "No members found",
     "dateJoined": "Date Joined",
     "tokenName": "Token name",
+    "inDesktop": "in Desktop",
     "rowData": "Row data",
     "creator": "Creator",
     "qrCode": "QR Code",
@@ -582,6 +584,8 @@
     "hideInUI": "Hide in UI",
     "addBase": "Add Base",
     "addParameter": "Add Parameter",
+    "submitAnotherForm": "Submit Another Form",
+    "dragAndDropFieldsHereToAdd": "Drag and drop fields here to add",
     "editBase": "Edit Base",
     "enterText": "Enter text",
     "okEditBase": "Ok & Edit Base",
@@ -838,6 +842,9 @@
     "key": "Key"
   },
   "msg": {
+    "successfullySubmittedFormData": "Successfully submitted form data",
+    "formViewNotSupportedOnMobile": "Form view is not supported on mobile",
+    "newFormWillBeLoaded": "New form will be loaded after {seconds} seconds",
     "optimizedQueryDisabled": "Optimized query is disabled",
     "optimizedQueryEnabled": "Optimized query is enabled",
     "invalidTime": "Invalid Time",