oceanprotocol/market
1
0
Fork 0
mirror of https://github.com/oceanprotocol/market.git synced 2024-12-02 05:57:29 +01:00
Code Releases Activity

Added create date for each asset card (#308)

Browse Source 
* Added create/ update data for each asset card

* Code climate test fix

* Code styled after lint run

* Date moved to asset card footer

Co-authored-by: Claudia Holhos <holhos_claudia2001@yahoo.com>
This commit is contained in:
claudiaHash 2021-01-13 11:24:24 +02:00 committed by GitHub
parent b5f6f9c9c1
commit d1523a9065
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 12 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -40,6 +40,9 @@
.foot { .foot {
margin-top: calc(var(--spacer) / 4); margin-top: calc(var(--spacer) / 4);
display: flex;
justify-content: space-between;
align-items: flex-end;
} }
.foot p { .foot p {
@ -61,3 +64,8 @@
.symbol { .symbol {
display: block; display: block;
} }
.date {
font-size: var(--font-size-mini);
margin-top: calc(var(--spacer) / 2);
}

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

@ -8,6 +8,7 @@ import removeMarkdown from 'remove-markdown'
import Tooltip from '../atoms/Tooltip' import Tooltip from '../atoms/Tooltip'
import Publisher from '../atoms/Publisher' import Publisher from '../atoms/Publisher'
import { useMetadata } from '@oceanprotocol/react' import { useMetadata } from '@oceanprotocol/react'
import Time from '../atoms/Time'
declare type AssetTeaserProps = { declare type AssetTeaserProps = {
ddo: DDO ddo: DDO
@ -46,6 +47,9 @@ const AssetTeaser: React.FC<AssetTeaserProps> = ({ ddo }: AssetTeaserProps) => {
<footer className={styles.foot}> <footer className={styles.foot}>
<Price ddo={ddo} small /> <Price ddo={ddo} small />
<p className={styles.date}>
<Time date={ddo?.created} relative />
</p>
</footer> </footer>
</Link> </Link>
</article> </article>