feat: pass event and data to the onClick

decentraland · Mar 12, 2024 · 1606b7a · 1606b7a
1 parent eb9c3e5
commit 1606b7a
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 12 deletions.
diff --git a/...ponents/AssetPage/SaleActionBox/BuyNFTButtons/BuyWithCryptoButton/BuyWithCryptoButton.tsx b/...ponents/AssetPage/SaleActionBox/BuyNFTButtons/BuyWithCryptoButton/BuyWithCryptoButton.tsx
@@ -10,17 +10,20 @@ import { Props } from './BuyWithCryptoButton.types'
 export const BuyWithCryptoButton = (props: Props) => {
   const { asset, onClick, ...rest } = props
 
-  const handleOnClick = useCallback(() => {
-    const isClaimingName = isNFT(asset) && asset.category === NFTCategory.ENS && !asset.tokenId
-    const isMint = !!asset.itemId || isClaimingName
-    getAnalytics().track(events.BUY_WITH_CRYPTO, {
-      transaction_type: isMint ? 'mint' : 'secondary',
-      contract_address: isClaimingName ? undefined : asset.contractAddress,
-      token_id: isClaimingName ? undefined : isNFT(asset) ? asset.tokenId : asset.itemId,
-      category: asset.category
-    })
-    onClick()
-  }, [props.asset, onClick])
+  const handleOnClick = useCallback(
+    (e, data) => {
+      const isClaimingName = isNFT(asset) && asset.category === NFTCategory.ENS && !asset.tokenId
+      const isMint = !!asset.itemId || isClaimingName
+      getAnalytics().track(events.BUY_WITH_CRYPTO, {
+        transaction_type: isMint ? 'mint' : 'secondary',
+        contract_address: isClaimingName ? undefined : asset.contractAddress,
+        token_id: isClaimingName ? undefined : isNFT(asset) ? asset.tokenId : asset.itemId,
+        category: asset.category
+      })
+      onClick?.(e, data)
+    },
+    [props.asset, onClick]
+  )
 
   return (
     <Button primary fluid {...rest} onClick={handleOnClick}>

diff --git a/...ts/AssetPage/SaleActionBox/BuyNFTButtons/BuyWithCryptoButton/BuyWithCryptoButton.types.ts b/...ts/AssetPage/SaleActionBox/BuyNFTButtons/BuyWithCryptoButton/BuyWithCryptoButton.types.ts
@@ -3,5 +3,4 @@ import { Asset } from '../../../../../modules/asset/types'
 
 export type Props = ButtonProps & {
     asset: Asset
-    onClick: () => void
 }
diff --git a/webapp/src/utils/events.ts b/webapp/src/utils/events.ts
@@ -30,6 +30,7 @@ export const PURCHASED_FAILED = 'Purchase Failed'
 export const PURCHASED_STARTED = 'Purchase Started'
 export const BUY = 'Buy'
 export const BUY_WITH_CARD = 'Buy With Card'
+export const BUY_WITH_CRYPTO = 'Click on buy with crypto'
 export const PUBLISH = 'Publish'
 export const CANCEL_SALE = 'Cancel Sale'
 export const TRANSFER_NFT = 'Transfer NFT'