add params custom formatting

Author: haunv3

packages/oraidex-common-ui/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oraichain/oraidex-common-ui",
-  "version": "1.0.31",
+  "version": "1.0.32",
   "files": [
     "dist/"
   ],

packages/oraidex-common-ui/src/components/TVChartContainer/TVChartContainer.tsx

@@ -55,6 +55,9 @@ export type TVChartContainerProsp = {
   }>;
   customExchangeName?: string;
   customOverrideChartProps?: Overrides;
+  customFormatters?: {
+    priceFormatterFactory?: (symbolInfo: any, minTick: any) => any;
+  };
 };
 
 export default function TVChartContainer({
@@ -70,7 +73,8 @@ export default function TVChartContainer({
   customPeriodConfig,
   customTimeFrames,
   customExchangeName,
-  customOverrideChartProps
+  customOverrideChartProps,
+  customFormatters
 }: TVChartContainerProsp) {
   const chartContainerRef = useRef<HTMLDivElement | null>(null);
   const tvWidgetRef = useRef<IChartingLibraryWidget | null>(null);
@@ -150,6 +154,9 @@ export default function TVChartContainer({
         ...defaultChartProps.overrides,
         ...(customOverrideChartProps || {})
       },
+      custom_formatters: {
+        ...(customFormatters || {})
+      },
       debug: true,
       timezone: getTradingViewTimeZone(),
       symbol: symbolRef.current, // Using ref to avoid unnecessary re-renders on symbol change and still have access to the latest symbol