39 lines
715 B
Markdown
39 lines
715 B
Markdown
# `useBuy`
|
|
|
|
Buy datatoken.
|
|
|
|
## Usage
|
|
|
|
```tsx
|
|
import React from 'react'
|
|
import { useOcean, useConsume } from '@oceanprotocol/react'
|
|
|
|
const did = 'did:op:0x000000000'
|
|
|
|
export default function MyComponent() {
|
|
const { accountId } = useOcean()
|
|
|
|
// Get metadata for this asset
|
|
const { title, price, ddo } = useMetadata(did)
|
|
|
|
// Consume helpers
|
|
const { consume, consumeStep } = useConsume()
|
|
|
|
async function handleDownload() {
|
|
await consume(did, ddo.dataToken, 'access')
|
|
}
|
|
|
|
return (
|
|
<div>
|
|
<h1>{title}</h1>
|
|
<p>Price: {price}</p>
|
|
|
|
<p>Your account: {accountId}</p>
|
|
<button onClick={handleDownload}>
|
|
{consumeStep || 'Download Asset'}
|
|
</button>
|
|
</div>
|
|
)
|
|
}
|
|
```
|