From b78d35c12ba28ec4532fb489050e2d66cc3b295b Mon Sep 17 00:00:00 2001
From: Javed Hussain <javed15895@gmail.com>
Date: Sun, 10 Aug 2025 11:09:30 +0000
Subject: [PATCH] Added support for CHF currency

---
 .../src/components/forms/ConfigForm.svelte    | 20 +------------------
 app/client/src/lib/models/config.ts           | 19 ++++++++++++++++++
 app/client/src/lib/utils/formatting.ts        | 16 ++++-----------
 3 files changed, 24 insertions(+), 31 deletions(-)
 create mode 100644 app/client/src/lib/models/config.ts

diff --git a/app/client/src/components/forms/ConfigForm.svelte b/app/client/src/components/forms/ConfigForm.svelte
index 565966d2..16869ca0 100644
--- a/app/client/src/components/forms/ConfigForm.svelte
+++ b/app/client/src/components/forms/ConfigForm.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
 	import Button from '$components/common/Button.svelte';
+	import { currencyOptions, dateFormatOptions, uomOptions } from '$lib/models/config';
 
 	let { modalVisibility = $bindable(), loading = false, callback } = $props();
 
@@ -15,25 +16,6 @@
 
 	let localConfig: Config[] = $state([]);
 
-	const dateFormatOptions = [
-		{ value: 'dd/MM/yyyy', label: 'dd/MM/yyyy (e.g., 31/12/2000)' },
-		{ value: 'MM/dd/yyyy', label: 'MM/dd/yyyy (e.g., 12/25/2000)' },
-		{ value: 'yyyy-MM-dd', label: 'yyyy-MM-dd (e.g., 2000-12-31)' },
-		{ value: 'dd MMM, yyyy', label: 'dd MMM, yyyy (e.g., 31 Dec, 2000)' }
-	];
-
-	const currencyOptions = [
-		{ value: 'INR', label: 'INR (₹)' },
-		{ value: 'USD', label: 'USD ($)' },
-		{ value: 'EUR', label: 'EUR (€)' },
-		{ value: 'GBP', label: 'GBP (£)' }
-	];
-
-	const uomOptions = [
-		{ value: 'metric', label: 'Metric' },
-		{ value: 'imperial', label: 'Imperial' }
-	];
-
 	config.subscribe((value) => {
 		localConfig = JSON.parse(JSON.stringify(value));
 	});
diff --git a/app/client/src/lib/models/config.ts b/app/client/src/lib/models/config.ts
new file mode 100644
index 00000000..8c5eee8a
--- /dev/null
+++ b/app/client/src/lib/models/config.ts
@@ -0,0 +1,19 @@
+export const dateFormatOptions = [
+    { value: 'dd/MM/yyyy', label: 'dd/MM/yyyy (e.g., 31/12/2000)' },
+    { value: 'MM/dd/yyyy', label: 'MM/dd/yyyy (e.g., 12/25/2000)' },
+    { value: 'yyyy-MM-dd', label: 'yyyy-MM-dd (e.g., 2000-12-31)' },
+    { value: 'dd MMM, yyyy', label: 'dd MMM, yyyy (e.g., 31 Dec, 2000)' }
+];
+
+export const currencyOptions = [
+    { value: 'INR', label: 'INR (₹)', symbol: '₹' },
+    { value: 'USD', label: 'USD ($)', symbol: '$' },
+    { value: 'EUR', label: 'EUR (€)', symbol: '€' },
+    { value: 'GBP', label: 'GBP (£)', symbol: '£' },
+    { value: 'CHF', label: 'CHF (₣)', symbol: '₣' }
+];
+
+export const uomOptions = [
+    { value: 'metric', label: 'Metric' },
+    { value: 'imperial', label: 'Imperial' }
+];
\ No newline at end of file
diff --git a/app/client/src/lib/utils/formatting.ts b/app/client/src/lib/utils/formatting.ts
index 3e2b4fca..9a53ad09 100644
--- a/app/client/src/lib/utils/formatting.ts
+++ b/app/client/src/lib/utils/formatting.ts
@@ -1,3 +1,4 @@
+import { currencyOptions } from '$lib/models/config';
 import { config } from '$lib/stores/config';
 import { format } from 'date-fns';
 
@@ -32,21 +33,12 @@ const formatDate = (date: Date | string): string => {
 };
 
 const getCurrencySymbol = (): string => {
-	return (
-		new Intl.NumberFormat('en-US', {
-			style: 'currency',
-			currency: configs.currency
-		})
-			.formatToParts(0)
-			.find((part) => part.type === 'currency')?.value || ''
-	);
+	return currencyOptions.find((currency) => configs.currency == currency.value)?.symbol || ''
 };
 
 const formatCurrency = (amount: number): string => {
-	return new Intl.NumberFormat('en-US', {
-		style: 'currency',
-		currency: configs.currency
-	}).format(amount);
+	const formattedAmount = new Intl.NumberFormat('en-US').format(amount);
+	return `${getCurrencySymbol()} ${formattedAmount}`;
 };
 
 const getDistanceUnit = (): string => {