oceanprotocol/market
1
0
Fork 0
mirror of https://github.com/oceanprotocol/market.git synced 2024-06-29 00:57:50 +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 { .title {
font-size: var(--font-size-large); font-size: var(--font-size-large);
margin-bottom: calc(var(--spacer) / 3); margin-bottom: calc(var(--spacer) / 2);
} }
.foot { .foot {
font-weight: var(--font-weight-bold);
margin-top: calc(var(--spacer) / 4); margin-top: calc(var(--spacer) / 4);
} }
@ -52,3 +51,7 @@
padding: 0.2rem 0.5rem; padding: 0.2rem 0.5rem;
border-bottom-left-radius: var(--border-radius); 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 metadata
}: AssetTeaserProps) => { }: AssetTeaserProps) => {
const { name } = metadata.main const { name } = metadata.main
const { dataTokenInfo } = ddo
const isCompute = Boolean(ddo.findServiceByType('compute')) const isCompute = Boolean(ddo.findServiceByType('compute'))
return ( return (
<article className={styles.teaser}> <article className={styles.teaser}>
<Link to={`/asset/${ddo.id}`} className={styles.link}> <Link to={`/asset/${ddo.id}`} className={styles.link}>
<p className={styles.symbol}>{dataTokenInfo?.symbol}</p>
<h1 className={styles.title}>{name}</h1> <h1 className={styles.title}>{name}</h1>
{isCompute && <div className={styles.accessLabel}>Compute</div>} {isCompute && <div className={styles.accessLabel}>Compute</div>}
<div className={styles.content}> <div className={styles.content}>