From cb8c0f1c2a9db757afe165b071b3e78155bab3e1 Mon Sep 17 00:00:00 2001
From: Muhammed Mustafa <mustafa@nocodb.com>
Date: Fri, 29 Sep 2023 15:17:09 +0530
Subject: [PATCH] fix: i18n for Text Area

---
 packages/nc-gui/components/cell/TextArea.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/nc-gui/components/cell/TextArea.vue b/packages/nc-gui/components/cell/TextArea.vue
index 0ebd53ae86..e387dbe90e 100644
--- a/packages/nc-gui/components/cell/TextArea.vue
+++ b/packages/nc-gui/components/cell/TextArea.vue
@@ -84,7 +84,7 @@ onClickOutside(inputWrapperRef, (e) => {
         :style="{
           minHeight: `${height}px`,
         }"
-        :placeholder="isEditColumn ? '(Optional)' : ''"
+        :placeholder="isEditColumn ? $t('labels.optional') : ''"
         @blur="editEnabled = false"
         @keydown.alt.enter.stop
         @keydown.shift.enter.stop
@@ -99,7 +99,7 @@ onClickOutside(inputWrapperRef, (e) => {
         @mousedown.stop
       />
 
-      <span v-else-if="vModel === null && showNull" class="nc-null">NULL</span>
+      <span v-else-if="vModel === null && showNull" class="nc-null uppercase">{{ $t('general.null') }}</span>
 
       <LazyCellClampedText v-else-if="rowHeight" :value="vModel" :lines="rowHeight" class="mr-7" />
 
@@ -113,7 +113,7 @@ onClickOutside(inputWrapperRef, (e) => {
         @click.stop="isVisible = !isVisible"
       >
         <NcTooltip placement="bottom">
-          <template #title>Expand</template>
+          <template #title>{{ $t('title.expand') }}</template>
           <component
             :is="iconMap.expand"
             class="transform dark:(!text-white) group-hover:(!text-grey-800 scale-120) text-gray-500 text-xs"
@@ -135,8 +135,8 @@ onClickOutside(inputWrapperRef, (e) => {
         <a-textarea
           ref="inputRef"
           v-model:value="vModel"
-          placeholder="Enter text"
           class="p-1 !pt-1 !pr-3 !border-0 !border-r-0 !focus:outline-transparent nc-scrollbar-md !text-black"
+          :placeholder="$t('activity.enterText')"
           :bordered="false"
           :auto-size="{ minRows: 20, maxRows: 20 }"
           :disabled="readOnly"