oceanprotocol/react
1
0
Fork 0
mirror of https://github.com/oceanprotocol/react.git synced 2025-02-14 21:10:38 +01:00
Code Releases Activity

useConsume docs updates

Browse Source
This commit is contained in:
Matthias Kretschmann 2020-09-07 16:35:22 +02:00
parent 98d91968a3
commit 11058a61cc
Signed by: m
GPG Key ID: 606EEEF3C479A91F
1 changed files with 6 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/hooks/useConsume/README.md
View File

@ -6,18 +6,17 @@ Get access to, and download a data asset.
```tsx ```tsx
import React from 'react' import React from 'react'
import { useWeb3, useMetadata, useConsume } from '@oceanprotocol/react' import { useOcean, useConsume } from '@oceanprotocol/react'
const did = 'did:op:0x000000000' const did = 'did:op:0x000000000'
export default function MyComponent() { export default function MyComponent() {
// Get web3 from Web3Provider context const { accountId } = useOcean()
const { web3, account } = useWeb3()
// Get metadata for this asset // Get metadata for this asset
const { title, metadata } = useMetadata(did) const { title, price } = useMetadata(did)
// consume asset // Consume helpers
const { consume, consumeStep } = useConsume() const { consume, consumeStep } = useConsume()
async function handleDownload() { async function handleDownload() {
@ -27,9 +26,9 @@ export default function MyComponent() {
return ( return (
<div> <div>
<h1>{title}</h1> <h1>{title}</h1>
<p>Price: {web3.utils.fromWei(metadata.main.price)}</p> <p>Price: {price}</p>
<p>Your account: {account}</p> <p>Your account: {accountId}</p>
<button onClick={handleDownload}> <button onClick={handleDownload}>
{consumeStep || 'Download Asset'} {consumeStep || 'Download Asset'}
</button> </button>