From 72551a440ef6c574d612a0d5797aa413f8eb94ad Mon Sep 17 00:00:00 2001
From: mertmit <mertmit99@gmail.com>
Date: Sat, 4 Jun 2022 10:54:06 +0300
Subject: [PATCH] fix: pg database type money

Signed-off-by: mertmit <mertmit99@gmail.com>
---
 .../components/cell/CurrencyCell.vue          |  7 +-
 .../components/editColumn/CurrencyOptions.vue | 77 ++++++++++++-------
 2 files changed, 54 insertions(+), 30 deletions(-)

diff --git a/packages/nc-gui/components/project/spreadsheet/components/cell/CurrencyCell.vue b/packages/nc-gui/components/project/spreadsheet/components/cell/CurrencyCell.vue
index c60ae4e2b3..d8e1321d40 100644
--- a/packages/nc-gui/components/project/spreadsheet/components/cell/CurrencyCell.vue
+++ b/packages/nc-gui/components/project/spreadsheet/components/cell/CurrencyCell.vue
@@ -13,8 +13,11 @@ export default {
   computed: {
     currency() {
       try {
-        return new Intl.NumberFormat(this.currencyMeta.currency_locale || 'en-US',
-          { style: 'currency', currency: this.currencyMeta.currency_code || 'USD' }).format(this.value)
+        return isNaN(this.value)
+          ? this.value
+          : new Intl.NumberFormat(this.currencyMeta.currency_locale || 'en-US',
+            { style: 'currency', currency: this.currencyMeta.currency_code || 'USD' })
+            .format(this.value)
       } catch (e) {
         return this.value
       }
diff --git a/packages/nc-gui/components/project/spreadsheet/components/editColumn/CurrencyOptions.vue b/packages/nc-gui/components/project/spreadsheet/components/editColumn/CurrencyOptions.vue
index fbfa1d1bff..a18ecf6a4e 100644
--- a/packages/nc-gui/components/project/spreadsheet/components/editColumn/CurrencyOptions.vue
+++ b/packages/nc-gui/components/project/spreadsheet/components/editColumn/CurrencyOptions.vue
@@ -1,32 +1,39 @@
 <template>
-  <v-row class="currency-wrapper">
-    <v-col cols="6">
-      <!--label="Format Locale"-->
-      <v-autocomplete
-        v-model="colMeta.currency_locale"
-        dense
-        class="caption"
-        label="Currency Locale"
-        :rules="[isValidCurrencyLocale]"
-        :items="currencyLocaleList"
-        outlined
-        hide-details
-      />
-    </v-col>
-    <v-col cols="6">
-      <!--label="Currency Code"-->
-      <v-autocomplete
-        v-model="colMeta.currency_code"
-        dense
-        class="caption"
-        label="Currency Code"
-        :rules="[isValidCurrencyCode]"
-        :items="currencyList"
-        outlined
-        hide-details
-      />
-    </v-col>
-  </v-row>
+  <v-tooltip top :disabled="!(isMoney && isPG)">
+    <template #activator="{ on, attrs }">
+      <v-row class="currency-wrapper" v-bind="attrs" v-on="on">
+        <v-col cols="6">
+          <!--label="Format Locale"-->
+          <v-autocomplete
+            v-model="colMeta.currency_locale"
+            dense
+            class="caption"
+            label="Currency Locale"
+            :rules="[isValidCurrencyLocale]"
+            :items="currencyLocaleList"
+            outlined
+            hide-details
+            :disabled="isMoney && isPG"
+          />
+        </v-col>
+        <v-col cols="6">
+          <!--label="Currency Code"-->
+          <v-autocomplete
+            v-model="colMeta.currency_code"
+            dense
+            class="caption"
+            label="Currency Code"
+            :rules="[isValidCurrencyCode]"
+            :items="currencyList"
+            outlined
+            hide-details
+            :disabled="isMoney && isPG"
+          />
+        </v-col>
+      </v-row>
+    </template>
+    <span>{{ message }}</span>
+  </v-tooltip>
 </template>
 
 <script>
@@ -49,6 +56,20 @@ export default {
       return validateCurrencyCode(value) || 'Invalid Currency Code'
     }
   }),
+  computed: {
+    isMoney() {
+      return this.column.dt === 'money'
+    },
+    isPG() {
+      return ['pg'].includes(this.$store.getters['project/GtrClientType'])
+    },
+    message() {
+      if (this.isMoney && this.isPG) {
+        return "PostgreSQL 'money' type has own currency settings"
+      }
+      return ''
+    }
+  },
   watch: {
     value() {
       this.colMeta = this.value || {}