From 669f16575e93944a354119aff4a6dd4ba9cf58b8 Mon Sep 17 00:00:00 2001
From: Wagner Trezub <60133113+Wagner3UB@users.noreply.github.com>
Date: Thu, 2 Nov 2023 10:43:49 +0100
Subject: [PATCH] fix: source added for rss single card (#384)

* fix: source added and category deleted for rss single card

* fix: category pushed back and created a new content for source

* fix: source moved after title

* fix: same fix for cards with image

* fix: cleaned css file
---
 .../RssBlock/CardWithImageRssTemplate.jsx       |  5 +++++
 .../RssBlock/CardWithoutImageRssTemplate.jsx    |  5 +++++
 src/theme/ItaliaTheme/Blocks/_rssBlock.scss     | 17 +++++++++++++++++
 3 files changed, 27 insertions(+)

diff --git a/src/components/ItaliaTheme/Blocks/RssBlock/CardWithImageRssTemplate.jsx b/src/components/ItaliaTheme/Blocks/RssBlock/CardWithImageRssTemplate.jsx
index 3dc1c75e4..dfeb25a6b 100644
--- a/src/components/ItaliaTheme/Blocks/RssBlock/CardWithImageRssTemplate.jsx
+++ b/src/components/ItaliaTheme/Blocks/RssBlock/CardWithImageRssTemplate.jsx
@@ -83,6 +83,11 @@ const CardWithImageRssTemplate = ({
                       </span>{' '}
                     </div>
                     <CardTitle tag="h6">{item.title}</CardTitle>
+                    <div className="source-title">
+                      {item?.source?.length > 0 && (
+                        <span className="source">{item.source}</span>
+                      )}
+                    </div>
                   </CardBody>
                   <CardReadMore
                     iconName="it-arrow-right"
diff --git a/src/components/ItaliaTheme/Blocks/RssBlock/CardWithoutImageRssTemplate.jsx b/src/components/ItaliaTheme/Blocks/RssBlock/CardWithoutImageRssTemplate.jsx
index 87e992f9a..65edf12c7 100644
--- a/src/components/ItaliaTheme/Blocks/RssBlock/CardWithoutImageRssTemplate.jsx
+++ b/src/components/ItaliaTheme/Blocks/RssBlock/CardWithoutImageRssTemplate.jsx
@@ -71,6 +71,11 @@ const CardWithoutImageRssTemplate = ({
                       )}
                     </div>
                     <CardTitle tag="h5">{item.title}</CardTitle>
+                    <div className="source-title">
+                      {item?.source?.length > 0 && (
+                        <span className="source">{item.source}</span>
+                      )}
+                    </div>
                     <CardText tag="p" className="font-serif">
                       {item.contentSnippet}
                     </CardText>
diff --git a/src/theme/ItaliaTheme/Blocks/_rssBlock.scss b/src/theme/ItaliaTheme/Blocks/_rssBlock.scss
index b765aee26..4e2fe4ab5 100644
--- a/src/theme/ItaliaTheme/Blocks/_rssBlock.scss
+++ b/src/theme/ItaliaTheme/Blocks/_rssBlock.scss
@@ -1,3 +1,20 @@
+.rssBlock {
+  .card {
+    .card-body {
+      .source-title {
+        font-size: $card-category-size;
+        text-transform: uppercase;
+        color: $card-p-color;
+        margin-bottom: $card-category-m-bottom;
+        .source {
+          font-weight: bold;
+          letter-spacing: $card-category-l-spacing;
+        }
+      }
+    }
+  }
+}
+
 #text-body {
   .rssBlock {
     .row > * {