From 0ff7d40cb2705ffce65248488a5024e40f6c193a Mon Sep 17 00:00:00 2001
From: Roman Timashev <roman@tmshv.ru>
Date: Tue, 15 Oct 2019 01:22:46 +0300
Subject: [PATCH] CollectiveImage component fix

---
 src/components/CollectiveImage.jsx | 27 ++++++++++++---------------
 1 file changed, 12 insertions(+), 15 deletions(-)

diff --git a/src/components/CollectiveImage.jsx b/src/components/CollectiveImage.jsx
index 54a3d72d..47fcf719 100644
--- a/src/components/CollectiveImage.jsx
+++ b/src/components/CollectiveImage.jsx
@@ -1,25 +1,22 @@
 import React from 'react'
-import Image from './Image'
+import { Image } from './Image'
 
 export const CollectiveImage = (props) => (
     <div
-        className="CollectiveImage"
         style={props.style}
     >
-        <style jsx>{`
-            .CollectiveImage {
-                margin - bottom: var(--double-margin);
-            }
-
-            img {
-                width: 100%;
-                border-radius: 10px;
-            }
-        `}</style>
-
         <Image
-            data={props.data}
+            src={props.data.src}
+            alt={props.data.alt}
+            set={props.data.set}
             opa={false}
+            style={{
+                marginBottom: 'var(--double-margin)',
+            }}
+            imgStyle={{
+                width: '100%',
+                borderRadius: '10px',
+            }}
         />
-	</div>
+    </div>
 )