34 lines
1.0 KiB
TypeScript
34 lines
1.0 KiB
TypeScript
import React, { ReactElement } from 'react'
|
|
import MetaItem from './MetaItem'
|
|
import styles from './MetaFull.module.css'
|
|
import Publisher from '@shared/Publisher'
|
|
import { useAsset } from '@context/Asset'
|
|
import { Asset } from '@oceanprotocol/lib'
|
|
|
|
export default function MetaFull({ ddo }: { ddo: Asset }): ReactElement {
|
|
const { isInPurgatory } = useAsset()
|
|
|
|
function DockerImage() {
|
|
const containerInfo = ddo?.metadata?.algorithm?.container
|
|
const { image, tag } = containerInfo
|
|
return <span>{`${image}:${tag}`}</span>
|
|
}
|
|
|
|
return ddo ? (
|
|
<div className={styles.metaFull}>
|
|
{!isInPurgatory && (
|
|
<MetaItem title="Data Author" content={ddo?.metadata?.author} />
|
|
)}
|
|
<MetaItem
|
|
title="Owner"
|
|
content={<Publisher account={ddo?.nft?.owner} />}
|
|
/>
|
|
|
|
{ddo?.metadata?.type === 'algorithm' && ddo?.metadata?.algorithm && (
|
|
<MetaItem title="Docker Image" content={<DockerImage />} />
|
|
)}
|
|
<MetaItem title="DID" content={<code>{ddo?.id}</code>} />
|
|
</div>
|
|
) : null
|
|
}
|