From 36797612ec550c8812663db46785f232eed69b3c Mon Sep 17 00:00:00 2001
From: Georgi 7DIGIT <georgi@7digit.io>
Date: Thu, 17 Oct 2024 11:58:59 +0300
Subject: [PATCH] Refactor: change position of image in ArticleView

---
 src/blocks/ArticleView/ArticleView.jsx   | 30 ++++++++++++------------
 src/blocks/ArticleView/article-view.scss |  1 +
 2 files changed, 16 insertions(+), 15 deletions(-)

diff --git a/src/blocks/ArticleView/ArticleView.jsx b/src/blocks/ArticleView/ArticleView.jsx
index e24d47f..4b87418 100644
--- a/src/blocks/ArticleView/ArticleView.jsx
+++ b/src/blocks/ArticleView/ArticleView.jsx
@@ -20,24 +20,10 @@ import "./article-view.scss";
  */
 export const ArticleView = ({ articleData, t }) => {
   const creator = articleData.creator ? articleData.creator : null;
-  console.log(articleData);
+
   return (
     <Block classes="article-view">
       <Grid classes="article-view__main-grid">
-        <GridItem md={8} lg={12}>
-          <img
-            className="article-view__image-item"
-            src={
-              articleData.imageMedium ||
-              articleData.imageLarge ||
-              articleData.imageSmall ||
-              articleData.imageThumbnail ||
-              "https://picsum.photos/300/400"
-            }
-            alt=""
-          />
-        </GridItem>
-
         <GridItem md={8} lg={12} classes="article-view__title-item">
           <h3>{articleData.title}</h3>
         </GridItem>
@@ -64,6 +50,20 @@ export const ArticleView = ({ articleData, t }) => {
           })}
         </GridItem>
 
+        <GridItem md={8} lg={12}>
+          <img
+            className="article-view__image-item"
+            src={
+              articleData.imageMedium ||
+              articleData.imageLarge ||
+              articleData.imageSmall ||
+              articleData.imageThumbnail ||
+              "https://picsum.photos/300/400"
+            }
+            alt=""
+          />
+        </GridItem>
+
         <GridItem md={8} lg={12} classes="article-view__body-item">
           <Markdown markDownText={articleData.body} className={"text"} />
         </GridItem>
diff --git a/src/blocks/ArticleView/article-view.scss b/src/blocks/ArticleView/article-view.scss
index 4125256..e2a7dc5 100644
--- a/src/blocks/ArticleView/article-view.scss
+++ b/src/blocks/ArticleView/article-view.scss
@@ -24,6 +24,7 @@
   &__labels-item {
     display: flex;
     flex-direction: row;
+    margin-bottom: $spacing_1_6;
 
     padding-top: $spacing_0_8;
     flex-wrap: wrap;