2020-07-06 12:49:30 +02:00
|
|
|
import { MetaDataMarket } from '../../../@types/MetaData'
|
|
|
|
import React, { ReactElement } from 'react'
|
|
|
|
import Time from '../../atoms/Time'
|
|
|
|
import { Link } from 'gatsby'
|
|
|
|
import Markdown from '../../atoms/Markdown'
|
|
|
|
import Tags from '../../atoms/Tags'
|
|
|
|
import MetaFull from './MetaFull'
|
|
|
|
import MetaSecondary from './MetaSecondary'
|
2020-07-07 09:43:45 +02:00
|
|
|
import styles from './index.module.css'
|
2020-07-08 17:57:53 +02:00
|
|
|
import AssetActions from '../AssetActions'
|
2020-07-06 12:49:30 +02:00
|
|
|
|
|
|
|
export interface AssetContentProps {
|
|
|
|
metadata: MetaDataMarket
|
|
|
|
did: string
|
|
|
|
path?: string
|
|
|
|
}
|
|
|
|
|
|
|
|
export default function AssetContent({
|
|
|
|
metadata,
|
|
|
|
did
|
|
|
|
}: AssetContentProps): ReactElement {
|
|
|
|
const { datePublished } = metadata.main
|
2020-07-08 17:57:53 +02:00
|
|
|
const { description, categories, tags } = metadata.additionalInformation
|
2020-07-06 12:49:30 +02:00
|
|
|
|
|
|
|
return (
|
|
|
|
<article className={styles.grid}>
|
|
|
|
<div>
|
|
|
|
<aside className={styles.meta}>
|
2020-07-07 23:00:16 +02:00
|
|
|
<p>{datePublished && <Time date={datePublished} />}</p>
|
2020-07-06 12:49:30 +02:00
|
|
|
{categories && (
|
|
|
|
<p>
|
|
|
|
<Link to={`/search?categories=["${categories[0]}"]`}>
|
2020-07-15 13:35:26 +02:00
|
|
|
{categories[0]}
|
2020-07-06 12:49:30 +02:00
|
|
|
</Link>
|
|
|
|
</p>
|
|
|
|
)}
|
|
|
|
</aside>
|
|
|
|
|
|
|
|
<Markdown text={description || ''} />
|
|
|
|
|
|
|
|
{tags && tags.length > 0 && <Tags items={tags} />}
|
|
|
|
|
2020-07-08 00:06:48 +02:00
|
|
|
<MetaSecondary metadata={metadata} />
|
|
|
|
|
2020-07-06 12:49:30 +02:00
|
|
|
<MetaFull did={did} metadata={metadata} />
|
2020-07-08 00:06:48 +02:00
|
|
|
|
2020-07-06 12:49:30 +02:00
|
|
|
<div className={styles.buttonGroup}>
|
|
|
|
{/* <EditAction
|
|
|
|
ddo={ddo}
|
|
|
|
ocean={ocean}
|
|
|
|
account={account}
|
|
|
|
refetchMetadata={refetchMetadata}
|
|
|
|
/> */}
|
|
|
|
{/* <DeleteAction ddo={ddo} /> */}
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div>
|
|
|
|
<div className={styles.sticky}>
|
2020-07-08 17:57:53 +02:00
|
|
|
<AssetActions metadata={metadata} did={did} />
|
2020-07-06 12:49:30 +02:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</article>
|
|
|
|
)
|
|
|
|
}
|