From d4f6568269411814eec5a94cd255c45e44404106 Mon Sep 17 00:00:00 2001
From: Roman Timashev <roman@tmshv.ru>
Date: Tue, 15 Oct 2019 00:24:27 +0300
Subject: [PATCH] fix ArticleCard to properly works with styled jsx. Image
 component inlined

---
 src/components/ArticleCard.jsx | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

diff --git a/src/components/ArticleCard.jsx b/src/components/ArticleCard.jsx
index 407120ec..b9c27e0e 100644
--- a/src/components/ArticleCard.jsx
+++ b/src/components/ArticleCard.jsx
@@ -1,5 +1,5 @@
 import React from 'react'
-import { Image } from './Image'
+import cx from 'classnames'
 import { dateFormat } from '../lib/date'
 
 const Date = ({ children }) => (
@@ -102,11 +102,14 @@ export const ArticleCard = ({ article }) => (
         <a className="invisible" href={article.url}>
             <div className="ArticleCard-image">
                 {!article.preview ? null : (
-                    <Image
-                        data={article.preview}
-                        alt={article.title}
-                        opa={false}
-                    />
+                    <picture>
+                        <img
+                            className={cx({ opa: false })}
+                            alt={article.title}
+                            src={article.preview.src}
+                            srcSet={article.preview.set.map(({ url, density }) => `${url} ${density}x`)}
+                        />
+                    </picture >
                 )}
             </div>