diff --git a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/public-pages/erc20/_components/PayEmbedSection.tsx b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/public-pages/erc20/_components/PayEmbedSection.tsx index 98b5dc47fb3..b4156ca0430 100644 --- a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/public-pages/erc20/_components/PayEmbedSection.tsx +++ b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/public-pages/erc20/_components/PayEmbedSection.tsx @@ -2,45 +2,47 @@ import { useTheme } from "next-themes"; import type { Chain, ThirdwebClient } from "thirdweb"; -import { PayEmbed } from "thirdweb/react"; -import { getSDKTheme } from "../../../../../../../../../@/utils/sdk-component-theme"; +import { BuyWidget } from "thirdweb/react"; +import { + reportAssetBuyFailed, + reportAssetBuySuccessful, +} from "@/analytics/report"; +import { parseError } from "@/utils/errorParser"; +import { getSDKTheme } from "@/utils/sdk-component-theme"; export function BuyTokenEmbed(props: { client: ThirdwebClient; chain: Chain; - tokenSymbol: string; - tokenName: string; tokenAddress: string; }) { const { theme } = useTheme(); return ( - { + const errorMessage = parseError(e); + reportAssetBuyFailed({ + assetType: "coin", + chainId: props.chain.id, + contractType: "DropERC20", + error: errorMessage, + }); + }} + onSuccess={() => { + reportAssetBuySuccessful({ + assetType: "coin", + chainId: props.chain.id, + contractType: "DropERC20", + }); }} theme={getSDKTheme(theme === "light" ? "light" : "dark")} + tokenAddress={props.tokenAddress as `0x${string}`} /> ); } diff --git a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/public-pages/erc20/_components/contract-analytics/contract-analytics.tsx b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/public-pages/erc20/_components/contract-analytics/contract-analytics.tsx index 794413a155a..2720dcfd187 100644 --- a/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/public-pages/erc20/_components/contract-analytics/contract-analytics.tsx +++ b/apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/public-pages/erc20/_components/contract-analytics/contract-analytics.tsx @@ -39,7 +39,7 @@ export function ContractAnalyticsOverview(props: { ); }