Fix decimals in Widget amount (#3303)

Signed-off-by: Emre Bogazliyanlioglu <emre@wormholelabs.xyz>

Author: emreboga

wormhole-connect/src/views/v2/TxHistory/Item/index.tsx

@@ -47,7 +47,6 @@ const TxHistoryItem = (props: Props) => {
     txHash,
     amount,
     amountUsd,
-    recipient,
     fromChain,
     fromToken,
     toChain,
@@ -64,8 +63,7 @@ const TxHistoryItem = (props: Props) => {
     ),
     [],
   );
-  const { getTokenPrice, isFetchingTokenPrices, lastTokenPriceUpdate } =
-    useTokens();
+  const { getTokenPrice, lastTokenPriceUpdate } = useTokens();
 
   // Render details for the sent amount
   const sentAmount = useMemo(() => {
@@ -133,15 +131,17 @@ const TxHistoryItem = (props: Props) => {
         </Stack>
       </Stack>
     );
+    // ESLint complains that lastTokenPriceUpdate is unused/unnecessary here,
+    // but we want to recompute the price after we update conversion rates.
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [
-    isFetchingTokenPrices,
     lastTokenPriceUpdate,
-    receiveAmount,
+    toChain,
     toToken,
-    recipient,
+    receiveAmount,
+    getTokenPrice,
     separator,
     theme.palette.text.secondary,
-    toChain,
   ]);
 
   // Vertical line that connects sender and receiver token icons

wormhole-connect/src/views/v2/TxHistory/Widget/Item.tsx

@@ -289,7 +289,7 @@ const WidgetItem = (props: Props) => {
               </Typography>
               <Stack direction="row" alignItems="center">
                 <Typography fontSize={14} marginRight="8px">
-                  {`${sdkAmount.display(sdkAmount.truncate(amount, 4))} ${
+                  {`${sdkAmount.display(sdkAmount.truncate(amount, 6))} ${
                     token.symbol
                   }`}
                 </Typography>