mirror of
https://github.com/oceanprotocol/market.git
synced 2024-12-02 05:57:29 +01:00
165a9b0fb3
* wagmi + ethers + web3modal setup * refactor wallet components * fallback providers, more config * kick out useWeb3 * remove all useWeb3 imports * more web3.js usage removal * isAddress utils replacement * restore add token / add network * less accountId changes * web3 legacy tinkering, utils/web3 → utils/wallet * legacy web3 object for ocean.js * graph sync fix, remove custom network switching code * package updates, merge fixes * downgrade to ethers v5 * fix project id * switch to ConnectKit * connectkit theming * add existing chains to wagmi * rewrite getPaymentCollector() * kick out getPaymentCollector completely, use wagmi hooks instead * Revert "kick out getPaymentCollector completely, use wagmi hooks instead" This reverts commit 54c7d1ef1a2dec0b1575a685125ba78336b30f59. * switch getPaymentCollector * calcBaseInGivenDatatokensOut reorg * wip integrate ocean lib 3.0.0 * update orbis components to use wagmi instead of web hooks * more oceanjs integration updates * more refactors * fix build * update ocean lib * fix publish * fix order fixed rate * remove logs * debug and stop infinite cycle orbis connect * fix orbis dm connection * mock use network and fix some more tests * mock wagmi switch network * mock wagmi useProvider createClient and connectKit getDefaultClient * fix jest tests * try storybook fix * cleanups and bump ocean lib * fix order * bump lib to next.5 and add more modal style * bump ocean.js lib to 3.0.0 --------- Co-authored-by: Matthias Kretschmann <m@kretschmann.io>
54 lines
1.6 KiB
TypeScript
54 lines
1.6 KiB
TypeScript
import { useAsset } from '@context/Asset'
|
|
import { Asset } from '@oceanprotocol/lib'
|
|
import AddToken from '@shared/AddToken'
|
|
import ExplorerLink from '@shared/ExplorerLink'
|
|
import Publisher from '@shared/Publisher'
|
|
import React, { ReactElement } from 'react'
|
|
import { useAccount } from 'wagmi'
|
|
import styles from './MetaAsset.module.css'
|
|
|
|
export default function MetaAsset({
|
|
asset,
|
|
isBlockscoutExplorer
|
|
}: {
|
|
asset: AssetExtended
|
|
isBlockscoutExplorer: boolean
|
|
}): ReactElement {
|
|
const { isAssetNetwork } = useAsset()
|
|
const { connector: activeConnector } = useAccount()
|
|
|
|
const dataTokenSymbol = asset?.datatokens[0]?.symbol
|
|
|
|
return (
|
|
<div className={styles.wrapper}>
|
|
<span className={styles.owner}>
|
|
Owned by <Publisher account={asset?.nft?.owner} />
|
|
</span>
|
|
<span>
|
|
<ExplorerLink
|
|
className={styles.datatoken}
|
|
networkId={asset?.chainId}
|
|
path={
|
|
isBlockscoutExplorer
|
|
? `tokens/${asset?.services?.[0]?.datatokenAddress}`
|
|
: `token/${asset?.services?.[0]?.datatokenAddress}`
|
|
}
|
|
>
|
|
{`Accessed with ${dataTokenSymbol}`}
|
|
</ExplorerLink>
|
|
{activeConnector?.name === 'MetaMask' && isAssetNetwork && (
|
|
<span className={styles.addWrap}>
|
|
<AddToken
|
|
address={asset?.services[0].datatokenAddress}
|
|
symbol={(asset as Asset)?.datatokens[0]?.symbol}
|
|
text={`Add ${(asset as Asset)?.datatokens[0]?.symbol} to wallet`}
|
|
className={styles.add}
|
|
minimal
|
|
/>
|
|
</span>
|
|
)}
|
|
</span>
|
|
</div>
|
|
)
|
|
}
|