NodeLayout

src/components/node/NodeImageBlock/index.tsx

@@ -0,0 +1,21 @@
+import React, { FC } from 'react';
+import { ImageSwitcher } from '../ImageSwitcher';
+import * as styles from './styles.scss';
+
+interface IProps {}
+
+const NodeImageBlock: FC<IProps> = ({}) => (
+  <div>
+    <ImageSwitcher total={5} current={2} />
+
+    <div className={styles.image_container}>
+      <img
+        className={styles.image}
+        src="http://37.192.131.144/full/attached/2019/08/e4fb2a1d0a2e20d499aaa1f5f83a7115.jpg"
+        alt=""
+      />
+    </div>
+  </div>
+);
+
+export { NodeImageBlock };

src/components/node/NodeImageBlock/styles.scss

@@ -0,0 +1,15 @@
+.image_container {
+  width: 100%;
+  background: $node_image_bg;
+  border-radius: $panel_radius 0 0 $panel_radius;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  .image {
+    max-height: 800px;
+    opacity: 1;
+    width: 100%;
+    border-radius: $radius $radius 0 0;
+  }
+}