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

price display tweaks

Browse Source
This commit is contained in:
Matthias Kretschmann 2019-08-01 14:27:36 +02:00
parent 09797aed78
commit a2b8bd6400
Signed by: m
GPG Key ID: 606EEEF3C479A91F
3 changed files with 28 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
client/src/components/molecules/AssetTeaser.module.scss
View File

@ -32,6 +32,7 @@
h1 {
font-size: $font-size-large;
margin-top: 0;
margin-bottom: $spacer / 4;
}
}
@ -89,7 +90,18 @@
}
.assetFooter {
margin-top: $spacer / 2;
margin-top: $spacer;
font-size: $font-size-small;
color: $brand-grey-light;
display: flex;
justify-content: space-between;
}
.price {
font-size: $font-size-mini;
span {
color: $brand-grey;
font-size: $font-size-small;
}
}

12
client/src/components/molecules/AssetTeaser.tsx
View File

@ -43,9 +43,7 @@ const AssetTeaser = ({
<CategoryImage dimmed category={base.categories[0]} />
)}
<h1>{base.name}</h1>
{allowPricing
? 'Ọ ' + Web3.utils.fromWei(base.price.toString())
: null}
{!minimal && (
<div className={styles.description}>
<Dotdotdot clamp={3}>{base.description}</Dotdotdot>
@ -53,6 +51,14 @@ const AssetTeaser = ({
)}
<footer className={styles.assetFooter}>
{base.categories && <div>{base.categories[0]}</div>}
{allowPricing && (
<div className={styles.price}>
<span>
{Web3.utils.fromWei(base.price.toString())}
</span>{' '}
OCEAN
</div>
)}
</footer>
</Link>
</article>

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

@ -101,14 +101,12 @@ export default class AssetDetails extends PureComponent<AssetDetailsProps> {
<strong>Price</strong>
</span>
<span className={styles.metaValue}>
<code>
Ọ{' '}
{base.price === '0'
? 0
: Web3.utils.fromWei(
base.price.toString()
)}
</code>
{base.price === '0'
? 0
: Web3.utils.fromWei(
base.price.toString()
)}{' '}
OCEAN
</span>
</li>
) : null}