From bebe929ec6549e38edc9502869f19704772cf7a5 Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Mon, 15 Apr 2024 19:23:05 +0530
Subject: [PATCH] fix: added translation in SectionFields & Section Component

---
 frontend/src/components/Section.vue       | 2 +-
 frontend/src/components/SectionFields.vue | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/src/components/Section.vue b/frontend/src/components/Section.vue
index 4131f74a..c2b8da0d 100644
--- a/frontend/src/components/Section.vue
+++ b/frontend/src/components/Section.vue
@@ -10,7 +10,7 @@
           class="h-4 text-gray-900 transition-all duration-300 ease-in-out"
           :class="{ 'rotate-90': opened }"
         />
-        {{ label || 'Untitled' }}
+        {{ __(label) || __('Untitled') }}
       </div>
       <slot name="actions"></slot>
     </div>
diff --git a/frontend/src/components/SectionFields.vue b/frontend/src/components/SectionFields.vue
index 5ef42aef..914d4c73 100644
--- a/frontend/src/components/SectionFields.vue
+++ b/frontend/src/components/SectionFields.vue
@@ -7,7 +7,7 @@
       class="flex items-center gap-2 px-3 leading-5 first:mt-3"
     >
       <div class="w-[106px] shrink-0 text-sm text-gray-600">
-        {{ field.label }}
+        {{ __(field.label) }}
         <span class="text-red-500">{{ field.reqd ? ' *' : '' }}</span>
       </div>
       <div
@@ -17,7 +17,7 @@
           v-if="field.read_only && field.type !== 'checkbox'"
           class="flex h-7 cursor-pointer items-center px-2 py-1 text-gray-600"
         >
-          <Tooltip :text="field.tooltip">
+          <Tooltip :text="__(field.tooltip)">
             <div>{{ data[field.name] }}</div>
           </Tooltip>
         </div>