11580464573

Committed 29 Oct 2024 06:44PM UTC coverage: 66.208% (-0.3%) from 66.467%

Build # 11580464573

Build Type

Pull #2312

github

Committed by

juanmahidalgo

Commit Message

feat: add contractIds for ETH contracts

Pull Request Pull Request #2312: Feat/transak update

Run Details

2684 of 5263 branches covered (51.0%)

Branch coverage included in aggregate %.

26 of 74 new or added lines in 11 files covered. (35.14%)

2 existing lines in 1 file now uncovered.

7851 of 10649 relevant lines covered (73.73%)

77.42 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

50.0

/webapp/src/components/AssetPage/SaleActionBox/BuyNFTButtons/BuyNFTButtons.tsx

import { memo, useCallback, useMemo } from 'react'
import { useHistory, useLocation } from 'react-router-dom'
import { Order } from '@dcl/schemas'
import { getAnalytics } from 'decentraland-dapps/dist/modules/analytics/utils'
import { Loader } from 'decentraland-ui'
import { Asset } from '../../../../modules/asset/types'
import { isNFT } from '../../../../modules/asset/utils'
import { locations } from '../../../../modules/routing/locations'
import * as events from '../../../../utils/events'
import { AssetProvider } from '../../../AssetProvider'
import { BuyWithCardButton } from './BuyWithCardButton'
import { BuyWithCryptoButton } from './BuyWithCryptoButton'
import { Props } from './BuyNFTButtons.types'
import styles from './BuyNFTButtons.module.css'

const BuyNFTButtons = ({
  wallet,
  isConnecting,
  asset,
  assetType,
  tokenId,
  buyWithCardClassName,
  isBuyingWithCryptoModalOpen,
  onBuyWithCrypto,
  onExecuteOrderWithCard,
  onBuyItemWithCard
}: Props) => {
  const analytics = getAnalytics()
  const location = useLocation()
  const shouldOpenBuyWithCryptoModal = useMemo(() => {
    const search = new URLSearchParams(location.search)
    const shouldOpenModal = search.get('buyWithCrypto')
    return shouldOpenModal
  }, [location.search])
  const history = useHistory()

  const handleBuyWithCard = useCallback(
    (asset: Asset, order?: Order) => {
      analytics.track(events.CLICK_GO_TO_BUY_NFT_WITH_CARD)
      !isNFT(asset) ? onBuyItemWithCard(asset) : onExecuteOrderWithCard(asset, order)
    },
    [analytics, onBuyItemWithCard, onExecuteOrderWithCard]
  )

  const handleBuyWithCrypto = useCallback(
    (asset: Asset, order: Order | null) => {
      if (!isConnecting && !wallet && !isBuyingWithCryptoModalOpen) {
        history.replace(locations.signIn(`${location.pathname}?buyWithCrypto=true`))
      } else {
        analytics.track(events.CLICK_BUY_NFT_WITH_CRYPTO)
        onBuyWithCrypto(asset, order)
      }
    },
    [isConnecting, wallet, isBuyingWithCryptoModalOpen, location.pathname, analytics, history, onBuyWithCrypto]
  )

  return (
    <>
      <AssetProvider type={assetType} contractAddress={asset.contractAddress} tokenId={tokenId}>
        {(asset, order) => {
          if (!asset) return <Loader active size="medium" className={styles.loading_asset} />
          if (asset && shouldOpenBuyWithCryptoModal) {
            onBuyWithCrypto(asset, order)
          }
          return (
            <>
              <BuyWithCryptoButton asset={asset} onClick={() => handleBuyWithCrypto(asset, order)} />
              <BuyWithCardButton className={buyWithCardClassName} onClick={() => handleBuyWithCard(asset, order || undefined)} />
            </>
          )
        }}
      </AssetProvider>
    </>
  )
}

export default memo(BuyNFTButtons)

1	import { memo, useCallback, useMemo } from 'react'	2✔
2	import { useHistory, useLocation } from 'react-router-dom'	2✔
3	import { Order } from '@dcl/schemas'
4	import { getAnalytics } from 'decentraland-dapps/dist/modules/analytics/utils'	2✔
5	import { Loader } from 'decentraland-ui'	2✔
6	import { Asset } from '../../../../modules/asset/types'
7	import { isNFT } from '../../../../modules/asset/utils'	2✔
8	import { locations } from '../../../../modules/routing/locations'	2✔
9	import * as events from '../../../../utils/events'	2✔
10	import { AssetProvider } from '../../../AssetProvider'	2✔
11	import { BuyWithCardButton } from './BuyWithCardButton'	2✔
12	import { BuyWithCryptoButton } from './BuyWithCryptoButton'	2✔
13	import { Props } from './BuyNFTButtons.types'
14	import styles from './BuyNFTButtons.module.css'	2✔
15
16	const BuyNFTButtons = ({	2✔
17	wallet,
18	isConnecting,
19	asset,
20	assetType,
21	tokenId,
22	buyWithCardClassName,
23	isBuyingWithCryptoModalOpen,
24	onBuyWithCrypto,
25	onExecuteOrderWithCard,
26	onBuyItemWithCard
27	}: Props) => {
28	const analytics = getAnalytics()	4✔
29	const location = useLocation()	4✔
30	const shouldOpenBuyWithCryptoModal = useMemo(() => {	4✔
31	const search = new URLSearchParams(location.search)	4✔
32	const shouldOpenModal = search.get('buyWithCrypto')	4✔
33	return shouldOpenModal	4✔
34	}, [location.search])
35	const history = useHistory()	4✔
36
37	const handleBuyWithCard = useCallback(	4✔
38	(asset: Asset, order?: Order) => {
39	analytics.track(events.CLICK_GO_TO_BUY_NFT_WITH_CARD)	×
NEW 40	!isNFT(asset) ? onBuyItemWithCard(asset) : onExecuteOrderWithCard(asset, order)	×
41	},
42	[analytics, onBuyItemWithCard, onExecuteOrderWithCard]
43	)
44
45	const handleBuyWithCrypto = useCallback(	4✔
46	(asset: Asset, order: Order \| null) => {
47	if (!isConnecting && !wallet && !isBuyingWithCryptoModalOpen) {	×
48	history.replace(locations.signIn(`${location.pathname}?buyWithCrypto=true`))	×
49	} else {
50	analytics.track(events.CLICK_BUY_NFT_WITH_CRYPTO)	×
51	onBuyWithCrypto(asset, order)	×
52	}
53	},
54	[isConnecting, wallet, isBuyingWithCryptoModalOpen, location.pathname, analytics, history, onBuyWithCrypto]
55	)
56
57	return (
58	<>
59	<AssetProvider type={assetType} contractAddress={asset.contractAddress} tokenId={tokenId}>
60	{(asset, order) => {
61	if (!asset) return <Loader active size="medium" className={styles.loading_asset} />
62	if (asset && shouldOpenBuyWithCryptoModal) {	×
63	onBuyWithCrypto(asset, order)	×
64	}
65	return (
66	<>
67	<BuyWithCryptoButton asset={asset} onClick={() => handleBuyWithCrypto(asset, order)} />	×
NEW 68	<BuyWithCardButton className={buyWithCardClassName} onClick={() => handleBuyWithCard(asset, order \|\| undefined)} />	×
69	</>
70	)
71	}}
72	</AssetProvider>
73	</>
74	)
75	}
76
77	export default memo(BuyNFTButtons)	2✔

decentraland / marketplace / 11580464573

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous