1
0
mirror of https://github.com/oceanprotocol/market.git synced 2024-06-15 17:03:30 +02:00
market/src/components/organisms/AssetActions/index.tsx

37 lines
797 B
TypeScript
Raw Normal View History

2020-08-07 18:12:39 +02:00
import React, { ReactElement } from 'react'
2020-07-08 17:57:53 +02:00
import styles from './index.module.css'
import Compute from './Compute'
import Consume from './Consume'
2020-07-16 13:39:02 +02:00
import { MetadataMarket } from '../../../@types/Metadata'
2020-07-21 14:04:32 +02:00
import { DDO } from '@oceanprotocol/lib'
2020-07-23 12:26:08 +02:00
import Tabs from '../../atoms/Tabs'
2020-07-08 17:57:53 +02:00
export default function AssetActions({
metadata,
2020-07-21 13:21:22 +02:00
ddo
2020-07-08 17:57:53 +02:00
}: {
2020-07-16 13:39:02 +02:00
metadata: MetadataMarket
2020-07-21 13:21:22 +02:00
ddo: DDO
2020-07-08 17:57:53 +02:00
}): ReactElement {
2020-08-05 13:21:14 +02:00
const isCompute = Boolean(ddo.findServiceByType('compute'))
2020-08-07 18:12:39 +02:00
2020-07-23 12:26:08 +02:00
const UseContent = isCompute ? (
2020-08-07 18:12:39 +02:00
<Compute ddo={ddo} />
2020-07-23 12:26:08 +02:00
) : (
2020-08-07 18:12:39 +02:00
<Consume ddo={ddo} file={metadata.main.files[0]} />
2020-07-08 17:57:53 +02:00
)
2020-07-23 12:26:08 +02:00
const tabs = [
{
title: 'Use',
content: UseContent
},
{
title: 'Trade',
content: 'Trade Me'
}
]
return <Tabs items={tabs} className={styles.actions} />
2020-07-08 17:57:53 +02:00
}