From 46bb71114f69ad9c32d06911a0b43a0cb37360ab Mon Sep 17 00:00:00 2001
From: Wing-Kam Wong <wingkwong.code@gmail.com>
Date: Wed, 3 Aug 2022 12:05:12 +0800
Subject: [PATCH] feat(gui-v2): ditch a-tooltip in currency option

---
 .../smartsheet-column/CurrencyOptions.vue     | 76 +++++++++----------
 1 file changed, 37 insertions(+), 39 deletions(-)

diff --git a/packages/nc-gui-v2/components/smartsheet-column/CurrencyOptions.vue b/packages/nc-gui-v2/components/smartsheet-column/CurrencyOptions.vue
index e8e11dbdd9..e993d80c26 100644
--- a/packages/nc-gui-v2/components/smartsheet-column/CurrencyOptions.vue
+++ b/packages/nc-gui-v2/components/smartsheet-column/CurrencyOptions.vue
@@ -62,43 +62,41 @@ function filterOption(input: string, option: Option) {
 </script>
 
 <template>
-  <a-tooltip :visible="isMoney && isPg">
-    <template #title>
-      <span>{{ message }}</span>
-    </template>
-    <a-row>
-      <a-col :span="12">
-        <a-form-item v-bind="validateInfos['meta.currency_locale']" label="Currency Locale">
-          <a-select
-            v-model:value="formState.meta.currency_locale"
-            size="small"
-            class="w-52"
-            show-search
-            :filter-option="filterOption"
-            :disabled="isMoney && isPg"
-          >
-            <a-select-option v-for="(currencyLocale, i) in currencyLocaleList ?? []" :key="i" :value="currencyLocale.value">
-              {{ currencyLocale.text }}
-            </a-select-option>
-          </a-select>
-        </a-form-item>
-      </a-col>
-      <a-col :span="12">
-        <a-form-item v-bind="validateInfos['meta.currency_code']" label="Currency Code">
-          <a-select
-            v-model:value="formState.meta.currency_code"
-            class="w-52"
-            show-search
-            :filter-option="filterOption"
-            size="small"
-            :disabled="isMoney && isPg"
-          >
-            <a-select-option v-for="(currencyCode, i) in currencyList ?? []" :key="i" :value="currencyCode">
-              {{ currencyCode }}
-            </a-select-option>
-          </a-select>
-        </a-form-item>
-      </a-col>
-    </a-row>
-  </a-tooltip>
+  <a-row>
+    <a-col :span="12">
+      <a-form-item v-bind="validateInfos['meta.currency_locale']" label="Currency Locale">
+        <a-select
+          v-model:value="formState.meta.currency_locale"
+          size="small"
+          class="w-52"
+          show-search
+          :filter-option="filterOption"
+          :disabled="isMoney && isPg"
+        >
+          <a-select-option v-for="(currencyLocale, i) in currencyLocaleList ?? []" :key="i" :value="currencyLocale.value">
+            {{ currencyLocale.text }}
+          </a-select-option>
+        </a-select>
+      </a-form-item>
+    </a-col>
+    <a-col :span="12">
+      <a-form-item v-bind="validateInfos['meta.currency_code']" label="Currency Code">
+        <a-select
+          v-model:value="formState.meta.currency_code"
+          class="w-52"
+          show-search
+          :filter-option="filterOption"
+          size="small"
+          :disabled="isMoney && isPg"
+        >
+          <a-select-option v-for="(currencyCode, i) in currencyList ?? []" :key="i" :value="currencyCode">
+            {{ currencyCode }}
+          </a-select-option>
+        </a-select>
+      </a-form-item>
+    </a-col>
+    <a-col v-if="isMoney && isPg">
+      <span class="text-[#FB8C00]">{{ message }}</span>
+    </a-col>
+  </a-row>
 </template>