feat: update decentraland-ui2 v0.11.2 decentraland-dapps v24.1 (#2376)

* feat: update decentraland-ui2 v0.11.1 and decentraland-dapps v24 * feat: update getAnalytics behavior * chore: update decentraland-ui2 v0.11.2 decentraland-dapps v24.1
decentraland · Feb 12, 2025 · 6ae9c2c · 6ae9c2c
1 parent 5a437a0
commit 6ae9c2c
Show file tree

Hide file tree

Showing 23 changed files with 245 additions and 49 deletions.
diff --git a/webapp/package-lock.json b/webapp/package-lock.json
diff --git a/webapp/package.json b/webapp/package.json
@@ -22,10 +22,10 @@
     "dcl-catalyst-commons": "^9.0.1",
     "decentraland-connect": "^9.0.0",
     "decentraland-crypto-fetch": "^1.0.3",
-    "decentraland-dapps": "^23.28.2",
+    "decentraland-dapps": "^24.1.0",
     "decentraland-transactions": "^2.18.3",
     "decentraland-ui": "^6.12.1",
-    "decentraland-ui2": "^0.10.1",
+    "decentraland-ui2": "^0.11.2",
     "ethers": "^5.6.8",
     "graphql": "^14.7.0",
     "history": "^4.10.1",

diff --git a/webapp/src/components/AssetFilters/utils.ts b/webapp/src/components/AssetFilters/utils.ts
@@ -66,15 +66,15 @@ export function trackBarChartComponentChange(
   const [filterMinName, filterMaxName] = filterNames
   const [minValue, maxValue] = value
   const [prevMinValue, prevMaxValue] = prevValues
-  if (minValue !== prevMinValue) {
+  if (minValue !== prevMinValue && analytics) {
     analytics.track(eventsByProperty[filterMinName], {
       value: minValue,
       component: 'BarChart',
       source
     })
   }
 
-  if (maxValue !== prevMaxValue) {
+  if (maxValue !== prevMaxValue && analytics) {
     analytics.track(eventsByProperty[filterMaxName], {
       value: maxValue,
       component: 'BarChart',

diff --git a/webapp/src/components/AssetImage/AssetImage.tsx b/webapp/src/components/AssetImage/AssetImage.tsx
@@ -175,7 +175,7 @@ const AssetImage = (props: Props) => {
     const isPreview = asset.category === NFTCategory.WEARABLE && isDraggable
 
     if (!isTracked && isPreview) {
-      getAnalytics().track(events.INIT_PREVIEW, {
+      getAnalytics()?.track(events.INIT_PREVIEW, {
         mode: isTryingOn ? 'avatar' : 'wearable'
       })
       setIsTracked(true)

diff --git a/webapp/src/components/AssetList/AssetList.tsx b/webapp/src/components/AssetList/AssetList.tsx
@@ -38,7 +38,7 @@ const AssetList = (props: Props) => {
   const handleLoadMore = useCallback(
     (newPage: number) => {
       onBrowse({ page: newPage })
-      getAnalytics().track(events.LOAD_MORE, { page: newPage })
+      getAnalytics()?.track(events.LOAD_MORE, { page: newPage })
     },
     [onBrowse]
   )

diff --git a/webapp/src/components/AssetPage/SaleActionBox/BuyNFTButtons/BuyNFTButtons.tsx b/webapp/src/components/AssetPage/SaleActionBox/BuyNFTButtons/BuyNFTButtons.tsx
@@ -36,7 +36,7 @@ const BuyNFTButtons = ({
 
   const handleBuyWithCard = useCallback(
     (asset: Asset, order?: Order) => {
-      analytics.track(events.CLICK_GO_TO_BUY_NFT_WITH_CARD)
+      analytics?.track(events.CLICK_GO_TO_BUY_NFT_WITH_CARD)
       !isNFT(asset) ? onBuyItemWithCard(asset) : onExecuteOrderWithCard(asset, order)
     },
     [analytics, onBuyItemWithCard, onExecuteOrderWithCard]
@@ -47,7 +47,7 @@ const BuyNFTButtons = ({
       if (!isConnecting && !wallet && !isBuyingWithCryptoModalOpen) {
         history.replace(locations.signIn(`${location.pathname}?buyWithCrypto=true`))
       } else {
-        analytics.track(events.CLICK_BUY_NFT_WITH_CRYPTO)
+        analytics?.track(events.CLICK_BUY_NFT_WITH_CRYPTO)
         onBuyWithCrypto(asset, order)
       }
     },

diff --git a/...ponents/AssetPage/SaleActionBox/BuyNFTButtons/BuyWithCryptoButton/BuyWithCryptoButton.tsx b/...ponents/AssetPage/SaleActionBox/BuyNFTButtons/BuyWithCryptoButton/BuyWithCryptoButton.tsx
@@ -14,7 +14,7 @@ export const BuyWithCryptoButton = (props: Props) => {
     (e: React.MouseEvent<HTMLButtonElement, MouseEvent>, data: ButtonProps) => {
       const isClaimingName = isNFT(asset) && asset.category === NFTCategory.ENS && !asset.tokenId
       const isMint = !!asset.itemId || isClaimingName
-      getAnalytics().track(events.BUY_WITH_CRYPTO, {
+      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,