oceanprotocol/commons
1
0
Fork 0
mirror of https://github.com/oceanprotocol/commons.git synced 2023-03-15 18:03:00 +01:00
Code Releases Activity

fix error output on asset details loading

Browse Source
This commit is contained in:
Matthias Kretschmann 2019-09-12 11:11:47 +02:00
parent c4029b147c
commit c4e71173ba
Signed by: m
GPG Key ID: 606EEEF3C479A91F
2 changed files with 79 additions and 94 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

50
client/src/components/templates/Asset/AssetDetails.tsx
View File

@ -21,18 +21,24 @@ export function datafilesLine(files: File[]) {
return <span>{files.length} data files</span>
}
export default class AssetDetails extends PureComponent<AssetDetailsProps> {
public render() {
const { metadata, ddo } = this.props
const Pricing = ({ price }: { price: string }) => (
<li>
<span className={styles.metaLabel}>
<strong>Price</strong>
</span>
<span className={styles.metaValue}>
{price === '0' ? 0 : Web3.utils.fromWei(price.toString())} OCEAN
</span>
</li>
)
export default function AssetDetails({ metadata, ddo }: AssetDetailsProps) {
const { base } = metadata
return (
<>
<aside className={styles.metaPrimary}>
<h2
className={styles.copyrightHolder}
title="Copyright Holder"
>
<h2 className={styles.copyrightHolder} title="Copyright Holder">
{base.copyrightHolder}
</h2>
<div className={styles.metaPrimaryData}>
@ -75,17 +81,13 @@ export default class AssetDetails extends PureComponent<AssetDetailsProps> {
<span className={styles.metaLabel}>
<strong>Author</strong>
</span>
<span className={styles.metaValue}>
{base.author}
</span>
<span className={styles.metaValue}>{base.author}</span>
</li>
<li>
<span className={styles.metaLabel}>
<strong>License</strong>
</span>
<span className={styles.metaValue}>
{base.license}
</span>
<span className={styles.metaValue}>{base.license}</span>
</li>
<li>
<span className={styles.metaLabel}>
@ -95,29 +97,11 @@ export default class AssetDetails extends PureComponent<AssetDetailsProps> {
<code>{ddo.id}</code>
</span>
</li>
{allowPricing ? (
<li>
<span className={styles.metaLabel}>
<strong>Price</strong>
</span>
<span className={styles.metaValue}>
{base.price === '0'
? 0
: Web3.utils.fromWei(
base.price.toString()
)}{' '}
OCEAN
</span>
</li>
) : null}
{allowPricing ? <Pricing price={base.price} /> : null}
</ul>
</div>
<AssetFilesDetails
files={base.files ? base.files : []}
ddo={ddo}
/>
<AssetFilesDetails files={base.files ? base.files : []} ddo={ddo} />
</>
)
}
}

5
client/src/components/templates/Asset/index.tsx
View File

@ -54,12 +54,13 @@ class Asset extends Component<AssetProps, AssetState> {
public render() {
const { metadata, ddo, error } = this.state
const isLoading = metadata.base.name === ''
const hasError = error !== ''
return isLoading ? (
return isLoading && !hasError ? (
<div className={stylesApp.loader}>
<Spinner message="Loading asset..." />
</div>
) : error !== '' ? (
) : hasError ? (
<div className={styles.error}>{error}</div>
) : (
<Route