oceanprotocol/market
1
0
Fork 0
mirror of https://github.com/oceanprotocol/market.git synced 2024-06-26 11:16:51 +02:00
Code Releases Activity

output datatoken symbol on asset teaser

Browse Source
This commit is contained in:
Matthias Kretschmann 2020-10-28 23:43:04 +01:00
parent 060862602b
commit a80c6ff5e8
Signed by: m
GPG Key ID: 606EEEF3C479A91F
2 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/molecules/AssetTeaser.module.css
View File

@ -29,11 +29,10 @@
.title {
font-size: var(--font-size-large);
margin-bottom: calc(var(--spacer) / 3);
margin-bottom: calc(var(--spacer) / 2);
}
.foot {
font-weight: var(--font-weight-bold);
margin-top: calc(var(--spacer) / 4);
}
@ -52,3 +51,7 @@
padding: 0.2rem 0.5rem;
border-bottom-left-radius: var(--border-radius);
}
.symbol {
margin-bottom: 0;
}

3
src/components/molecules/AssetTeaser.tsx
View File

@ -17,12 +17,15 @@ const AssetTeaser: React.FC<AssetTeaserProps> = ({
metadata
}: AssetTeaserProps) => {
const { name } = metadata.main
const { dataTokenInfo } = ddo
const isCompute = Boolean(ddo.findServiceByType('compute'))
return (
<article className={styles.teaser}>
<Link to={`/asset/${ddo.id}`} className={styles.link}>
<p className={styles.symbol}>{dataTokenInfo?.symbol}</p>
<h1 className={styles.title}>{name}</h1>
{isCompute && <div className={styles.accessLabel}>Compute</div>}
<div className={styles.content}>