From 4d5949eb2393f442e6541637e89123153606279e Mon Sep 17 00:00:00 2001
From: Giulia Ghisini <giulia.ghisini@redturtle.it>
Date: Tue, 31 Oct 2023 12:42:16 +0100
Subject: [PATCH] feat: added id and title_it adttrs and handled h2 title_type
 in  Gallery component

---
 .../ItaliaTheme/View/Commons/Gallery.jsx        | 17 +++++++++++++++--
 src/theme/ItaliaTheme/Views/_common.scss        |  5 +++++
 2 files changed, 20 insertions(+), 2 deletions(-)

diff --git a/src/components/ItaliaTheme/View/Commons/Gallery.jsx b/src/components/ItaliaTheme/View/Commons/Gallery.jsx
index 8ac181cb2..e08106f1e 100644
--- a/src/components/ItaliaTheme/View/Commons/Gallery.jsx
+++ b/src/components/ItaliaTheme/View/Commons/Gallery.jsx
@@ -36,8 +36,10 @@ const messages = defineMessages({
 const Gallery = ({
   content,
   folder_name,
+  id = '',
   title,
   title_type = 'h4',
+  title_id = 'galleria',
   title_video,
   className = '',
   reactSlick,
@@ -121,12 +123,23 @@ const Gallery = ({
       {images?.length > 0 ? (
         <div
           className={`it-carousel-wrapper it-carousel-landscape-abstract-three-cols ${className}`}
+          id={id}
         >
           <div className="slider-container">
             <div className="it-header-block">
               <div className="it-header-block-title">
-                {title_type === 'h4' && <h4 id="galleria">{gallery_title}</h4>}
-                {title_type === 'h5' && <h5 id="galleria">{gallery_title}</h5>}
+                {title_type === 'h2' && (
+                  <h2 id={title_id} className="mb-3 h4">
+                    {gallery_title}
+                  </h2>
+                )}
+                {title_type === 'h3' && (
+                  <h3 id={title_id} className="h5">
+                    {gallery_title}
+                  </h3>
+                )}
+                {title_type === 'h4' && <h4 id={title_id}>{gallery_title}</h4>}
+                {title_type === 'h5' && <h5 id={title_id}>{gallery_title}</h5>}
               </div>
             </div>
             <div className="it-carousel-all it-card-bg">
diff --git a/src/theme/ItaliaTheme/Views/_common.scss b/src/theme/ItaliaTheme/Views/_common.scss
index 725bdfbf6..f05cfa1ae 100644
--- a/src/theme/ItaliaTheme/Views/_common.scss
+++ b/src/theme/ItaliaTheme/Views/_common.scss
@@ -294,6 +294,11 @@ div.sticky-wrapper {
   }
 }
 
+#view .it-carousel-wrapper .it-header-block .it-header-block-title h2.h4 {
+  border-bottom: none;
+  padding-bottom: 0;
+}
+
 form.ui.form.vertical-form fieldset.invisible {
   min-width: 0;
 }