mirror of
https://github.com/oceanprotocol/market.git
synced 2024-06-29 00:57:50 +02:00
* migrate to Next.js * migrate scripts * generate markdown pages * make all the markdown work * fix profile, fix image loading * git+ssh → git+https, again * bump packages * maybe windows build fix * add public to gitignore Signed-off-by: mihaisc <mihai.scarlat@smartcontrol.ro> * Next.js v12! Webpack 5! No build hacks anymore * json import fixes * fixes Co-authored-by: mihaisc <mihai.scarlat@smartcontrol.ro>
35 lines
1018 B
TypeScript
35 lines
1018 B
TypeScript
import React, { useState, useEffect, ReactElement } from 'react'
|
|
import Page from '@shared/Page'
|
|
import Alert from '@shared/atoms/Alert'
|
|
import Loader from '@shared/atoms/Loader'
|
|
import { useAsset } from '@context/Asset'
|
|
import AssetContent from './AssetContent'
|
|
|
|
export default function AssetDetails({ uri }: { uri: string }): ReactElement {
|
|
const { ddo, title, error, isInPurgatory, loading } = useAsset()
|
|
const [pageTitle, setPageTitle] = useState<string>()
|
|
|
|
useEffect(() => {
|
|
if (!ddo || error) {
|
|
setPageTitle('Could not retrieve asset')
|
|
return
|
|
}
|
|
|
|
setPageTitle(isInPurgatory ? '' : title)
|
|
}, [ddo, error, isInPurgatory, title])
|
|
|
|
return ddo && pageTitle !== undefined && !loading ? (
|
|
<Page title={pageTitle} uri={uri}>
|
|
<AssetContent />
|
|
</Page>
|
|
) : error ? (
|
|
<Page title={pageTitle} noPageHeader uri={uri}>
|
|
<Alert title={pageTitle} text={error} state="error" />
|
|
</Page>
|
|
) : (
|
|
<Page title={undefined} uri={uri}>
|
|
<Loader />
|
|
</Page>
|
|
)
|
|
}
|