Refactor: change position of image in ArticleView

UNICEFECAR · Oct 17, 2024 · 3679761 · 3679761
1 parent c556566
commit 3679761
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 15 deletions.
diff --git 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
@@ -24,6 +24,7 @@
   &__labels-item {
     display: flex;
     flex-direction: row;
+    margin-bottom: $spacing_1_6;
 
     padding-top: $spacing_0_8;
     flex-wrap: wrap;