Remove useCountervalue

Author: JunichiSugiura

packages/profile/src/components/inventory/token/send/amount.tsx

@@ -1,6 +1,9 @@
 import { Amount } from "@cartridge/ui-next";
-import { formatBalance, useCountervalue, useToken } from "@cartridge/utils";
-import { TokenPair } from "@cartridge/utils/api/cartridge";
+import {
+  convertTokenAmountToUSD,
+  formatBalance,
+  useToken,
+} from "@cartridge/utils";
 import { useCallback } from "react";
 import { useParams } from "react-router-dom";
 
@@ -27,16 +30,6 @@ export function SendAmount({
     [token, setAmount],
   );
 
-  const { countervalue } = useCountervalue(
-    {
-      balance: amount?.toString() ?? "0",
-      pair: `${token.symbol}_USDC` as TokenPair,
-    },
-    {
-      enabled: token && ["ETH", "STRK"].includes(token.symbol) && !!amount,
-    },
-  );
-
   const handleChange = useCallback(
     (e: React.ChangeEvent<HTMLInputElement>) => {
       const value = e.target.value;
@@ -52,7 +45,11 @@ export function SendAmount({
   return (
     <Amount
       amount={amount}
-      conversion={countervalue?.formatted}
+      conversion={
+        token.balance !== undefined && token.price !== undefined
+          ? convertTokenAmountToUSD(token.balance, token.decimals, token.price)
+          : undefined
+      }
       balance={parseFloat(formatBalance(token.balance ?? 0n).replace("~", ""))}
       symbol={token.symbol}
       decimals={token.decimals ?? 18}

packages/utils/src/hooks/countervalue.mock.ts

@@ -1,4 +1,3 @@
 export * from "./api";
 export * from "./balance";
 export * from "./posthog";
-export * from "./countervalue.mock";

packages/utils/src/hooks/countervalue.ts

@@ -1,5 +1,4 @@
 export * from "./api";
 export * from "./balance";
-export * from "./countervalue";
 export * from "./posthog";
 export * from "./tokens";