fix: use currency metadata helper

Author: gregfromstl

apps/dashboard/src/app/checkout/page.tsx

@@ -7,8 +7,7 @@ import {
   getContract,
   NATIVE_TOKEN_ADDRESS,
 } from "thirdweb";
-import { name, symbol } from "thirdweb/extensions/common";
-import { decimals } from "thirdweb/extensions/erc20";
+import { getCurrencyMetadata } from "thirdweb/extensions/erc20";
 import { checksumAddress } from "thirdweb/utils";
 import { CheckoutEmbed } from "./components/client/CheckoutEmbed.client";
 
@@ -47,7 +46,6 @@ export default async function RoutesPage({
   }
   if (!amount || Array.isArray(amount)) {
     throw new Error("A single amount parameter is required.");
-
   }
   if (Array.isArray(clientId)) {
     throw new Error("A single clientId parameter is required.");
@@ -62,43 +60,22 @@ export default async function RoutesPage({
       ? createThirdwebClient({ clientId })
       : getThirdwebClient(undefined);
 
-  const token = await (async () => {
-    if (
-      checksumAddress(tokenAddress) ===
-        "0x0000000000000000000000000000000000000000" ||
-      checksumAddress(tokenAddress) ===
-        "0xEeeeeEeeeEeEeeEeEeEeeEEEeeeeEeeeeeeeEEeE"
-    ) {
-      return {
-        name: "Ether",
-        symbol: "ETH",
-        address: NATIVE_TOKEN_ADDRESS,
-        decimals: 18,
-      };
-    } else {
-      const tokenContract = getContract({
-        client,
-        // eslint-disable-next-line no-restricted-syntax
-        chain: defineChain(Number(chainId)),
-        address: tokenAddress,
-      });
-      const symbolPromise = symbol({ contract: tokenContract });
-      const namePromise = name({ contract: tokenContract });
-      const decimalsPromise = decimals({ contract: tokenContract });
-
-      const [symbolResult, nameResult, decimalsResult] = await Promise.all([
-        symbolPromise,
-        namePromise,
-        decimalsPromise,
-      ]);
-      return {
-        name: nameResult,
-        symbol: symbolResult,
-        address: tokenAddress,
-        decimals: Number(decimalsResult),
-      };
-    }
-  })();
+  const tokenContract = getContract({
+    client,
+    // eslint-disable-next-line no-restricted-syntax
+    chain: defineChain(Number(chainId)),
+    address: tokenAddress,
+  });
+  const { symbol, decimals, name } = await getCurrencyMetadata({
+    contract: tokenContract,
+  });
+  const token = {
+    symbol,
+    decimals,
+    name,
+    address: checksumAddress(tokenAddress),
+    chainId: Number(chainId),
+  };
 
   return (
     <div className="relative mx-auto flex h-screen w-screen flex-col items-center justify-center overflow-hidden border py-10">