Add support for new config.yaml

src/utils/utils.ts

@@ -1,7 +1,7 @@
-import { DATE_FORMATTER } from '~/config.mjs';
+import { I18N_CONFIG } from '~/utils/config';
 
 const formatter =
-  DATE_FORMATTER ||
+  I18N_CONFIG?.dateFormatter ||
   new Intl.DateTimeFormat('en', {
     year: 'numeric',
     month: 'short',
@@ -10,7 +10,12 @@ const formatter =
   });
 
 /* eslint-disable no-mixed-spaces-and-tabs */
-export const getFormattedDate = (date: Date) => (date ? formatter.format(date) : '');
+export const getFormattedDate = (date: Date) =>
+  date
+    ? // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+      /* @ts-ignore */
+      formatter.format(date)
+    : '';
 
 export const trim = (str = '', ch?: string) => {
   let start = 0,
@@ -19,3 +24,37 @@ export const trim = (str = '', ch?: string) => {
   while (end > start && str[end - 1] === ch) --end;
   return start > 0 || end < str.length ? str.substring(start, end) : str;
 };
+
+// Function to format a number in thousands (K) or millions (M) format depending on its value
+export const toUiAmount = (amount: number) => {
+  if (!amount) return 0;
+
+  let value;
+
+  if (amount >= 1000000000) {
+    const formattedNumber = (amount / 1000000000).toFixed(1);
+    if (Number(formattedNumber) === parseInt(formattedNumber)) {
+      value = parseInt(formattedNumber) + 'B';
+    } else {
+      value = formattedNumber + 'B';
+    }
+  } else if (amount >= 1000000) {
+    const formattedNumber = (amount / 1000000).toFixed(1);
+    if (Number(formattedNumber) === parseInt(formattedNumber)) {
+      value = parseInt(formattedNumber) + 'M';
+    } else {
+      value = formattedNumber + 'M';
+    }
+  } else if (amount >= 1000) {
+    const formattedNumber = (amount / 1000).toFixed(1);
+    if (Number(formattedNumber) === parseInt(formattedNumber)) {
+      value = parseInt(formattedNumber) + 'K';
+    } else {
+      value = formattedNumber + 'K';
+    }
+  } else {
+    value = Number(amount).toFixed(0);
+  }
+
+  return value;
+};