add currency to monetary type

papermerge · Oct 9, 2024 · 927c87e · 927c87e
1 parent dd9cdb8
commit 927c87e
Show file tree

Hide file tree

Showing 3 changed files with 58 additions and 4 deletions.
diff --git a/ui2/src/cconstants.ts b/ui2/src/cconstants.ts
@@ -63,3 +63,18 @@ export const CUSTOM_FIELD_DATA_TYPES: Array<CustomFieldDataType> = [
   "documentlink",
   "select"
 ]
+
+export const CURRENCIES = [
+  "CHF",
+  "CZK",
+  "DKK",
+  "EUR",
+  "GBP",
+  "HUF",
+  "ISK",
+  "NOK",
+  "USD",
+  "RON",
+  "RUB",
+  "SEK"
+]
diff --git a/ui2/src/features/custom-fields/components/EditCustomFieldModal.tsx b/ui2/src/features/custom-fields/components/EditCustomFieldModal.tsx
@@ -1,16 +1,17 @@
-import type {CustomFieldDataType} from "@/types"
+import type {CurrencyType, CustomFieldDataType} from "@/types"
 import {
   Button,
   Group,
   Loader,
   LoadingOverlay,
   Modal,
   NativeSelect,
+  Select,
   TextInput
 } from "@mantine/core"
 import {useEffect, useState} from "react"
 
-import {CUSTOM_FIELD_DATA_TYPES} from "@/cconstants"
+import {CURRENCIES, CUSTOM_FIELD_DATA_TYPES} from "@/cconstants"
 import {
   useEditCustomFieldMutation,
   useGetCustomFieldQuery
@@ -29,6 +30,8 @@ export default function EditGroupModal({
   onCancel,
   opened
 }: Args) {
+  const [showCurrency, setShowCurrency] = useState<boolean>(false)
+  const [currency, setCurrency] = useState<CurrencyType>("EUR")
   const {data, isLoading} = useGetCustomFieldQuery(customFieldId)
   const [updateCustomField, {isLoading: isLoadingGroupUpdate}] =
     useEditCustomFieldMutation()
@@ -48,11 +51,19 @@ export default function EditGroupModal({
   }
 
   const onLocalSubmit = async () => {
-    const updatedData = {
+    let extra_data: string | undefined
+
+    if (dataType == "monetary") {
+      extra_data = JSON.stringify({currency: currency})
+    }
+
+    let updatedData = {
       id: customFieldId,
       name: name,
-      data_type: dataType
+      data_type: dataType,
+      extra_data: extra_data
     }
+
     await updateCustomField(updatedData)
     formReset()
     onSubmit()
@@ -63,6 +74,10 @@ export default function EditGroupModal({
     onCancel()
   }
 
+  const onCurrencyChange = (value: string | null) => {
+    setCurrency(value as CurrencyType)
+  }
+
   return (
     <Modal
       title={"Edit Custom Field"}
@@ -90,6 +105,16 @@ export default function EditGroupModal({
           setDataType(e.currentTarget.value as CustomFieldDataType)
         }
       />
+      {dataType == "monetary" && (
+        <Select
+          mt="sm"
+          searchable
+          label="Currency"
+          value={currency}
+          data={CURRENCIES}
+          onChange={onCurrencyChange}
+        />
+      )}
 
       <Group justify="space-between" mt="md">
         <Button variant="default" onClick={onLocalCancel}>

diff --git a/ui2/src/types.ts b/ui2/src/types.ts
@@ -454,3 +454,17 @@ export type DocumentCustomFieldValue = {
   this value is associated with */
   field_id?: string
 }
+
+export type CurrencyType =
+  | "CHF"
+  | "CZK"
+  | "DKK"
+  | "EUR"
+  | "GBP"
+  | "HUF"
+  | "ISK"
+  | "NOK"
+  | "USD"
+  | "RON"
+  | "RUB"
+  | "SEK"