fix ArticleCard to properly works with styled jsx. Image component inlined
This commit is contained in:
1 parent
5831275b7a
commit
d4f6568269
1 file changed
+9
-6
@@ -1,5 +1,5 @@
|
|||||||
import React from 'react'
|
import React from 'react'
|
||||||
import { Image } from './Image'
|
import cx from 'classnames'
|
||||||
import { dateFormat } from '../lib/date'
|
import { dateFormat } from '../lib/date'
|
||||||
|
|
||||||
const Date = ({ children }) => (
|
const Date = ({ children }) => (
|
||||||
@@ -102,11 +102,14 @@ export const ArticleCard = ({ article }) => (
|
|||||||
<a className="invisible" href={article.url}>
|
<a className="invisible" href={article.url}>
|
||||||
<div className="ArticleCard-image">
|
<div className="ArticleCard-image">
|
||||||
{!article.preview ? null : (
|
{!article.preview ? null : (
|
||||||
<Image
|
<picture>
|
||||||
data={article.preview}
|
<img
|
||||||
alt={article.title}
|
className={cx({ opa: false })}
|
||||||
opa={false}
|
alt={article.title}
|
||||||
/>
|
src={article.preview.src}
|
||||||
|
srcSet={article.preview.set.map(({ url, density }) => `${url} ${density}x`)}
|
||||||
|
/>
|
||||||
|
</picture >
|
||||||
)}
|
)}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
Reference in new issue
Block a user