Fix/display small price (#1167)

* update price display logic in UsdPrice component for better precision handling

* refactor: enhance token handling and price display logic in UniversalSwap components

* Refactor ChartUsdPrice component to simplify token denomination logic

Author: trungbach

src/pages/UniversalSwap/Component/ChartUsdPrice.tsx

@@ -35,19 +35,20 @@ const ChartUsdPrice = ({
   const currentToToken = useSelector(selectCurrentToToken);
   const currentFromToken = useSelector(selectCurrentFromToken);
   const toTokenDenomIsStable = getTokenIsStableCoin(currentToToken);
+  const getTokenDenom = toTokenDenomIsStable
+    ? currentFromToken
+      ? parseTokenInfoRawDenom(currentFromToken)
+      : 'cw20:orai12hzjxfh77wl572gdzct2fxv2arxcwh6gykc7qh:USDT'
+    : currentToToken
+    ? parseTokenInfoRawDenom(currentToToken)
+    : 'orai';
 
   const {
     currentData: data,
     currentItem,
     onCrossMove: crossMove,
     onMouseLeave
-  } = useChartUsdPrice(
-    filterDay,
-    toTokenDenomIsStable ? parseTokenInfoRawDenom(currentFromToken) : parseTokenInfoRawDenom(currentToToken),
-    chartTokenType,
-    onUpdateCurrentItem,
-    onUpdatePricePercent
-  );
+  } = useChartUsdPrice(filterDay, getTokenDenom, chartTokenType, onUpdateCurrentItem, onUpdatePricePercent);
 
   function handleResizeObserver(entries: ResizeObserverEntry[]) {
     window.requestAnimationFrame((): void | undefined => {

src/pages/UniversalSwap/index.tsx

@@ -46,7 +46,7 @@ const Swap: React.FC = () => {
   // get data for mobile
   useChartUsdPrice(
     FILTER_TIME_CHART.DAY,
-    parseTokenInfoRawDenom(tokenTo),
+    tokenTo ? parseTokenInfoRawDenom(tokenTo) : 'orai',
     ChartTokenType.Price,
     setInitPriceUsd,
     setInitPercentChangeUsd