fix: review giulia

RedTurtle · Nov 8, 2023 · bd79a3b · bd79a3b
1 parent 92bae0a
commit bd79a3b
Show file tree

Hide file tree

Showing 6 changed files with 9 additions and 7 deletions.
diff --git a/src/components/ItaliaTheme/Blocks/Listing/CardWithSlideUpTextTemplate.jsx b/src/components/ItaliaTheme/Blocks/Listing/CardWithSlideUpTextTemplate.jsx
@@ -53,7 +53,7 @@ const CardWithSlideUpTextTemplate = (props) => {
         </div>
         <div className="grid mb-3 mt-5">
           {items.map((item, index) => {
-            const image = getListingImageBackground(item, 'teaser');
+            const image = getListingImageBackground(item, 'large');
             const category = getCategory(item, show_type, show_section, props);
             const date = hide_dates
               ? null

diff --git a/src/components/ItaliaTheme/Blocks/Listing/CompleteBlockLinksTemplate.jsx b/src/components/ItaliaTheme/Blocks/Listing/CompleteBlockLinksTemplate.jsx
@@ -53,8 +53,8 @@ const CompleteBlockLinksTemplate = ({
           </Row>
         )}
         <Row className="items">
-          {items.map((item, index) => {
-            const image = ListingImage({ item, className: '' });
+          {items.map((item) => {
+            const image = ListingImage({ item, className: '', sizes: '60px' });
 
             return (
               <Col md="6" lg="3" key={item['@id']} className="col-item">

diff --git a/src/components/ItaliaTheme/Blocks/Listing/GridGalleryTemplate.jsx b/src/components/ItaliaTheme/Blocks/Listing/GridGalleryTemplate.jsx
@@ -58,7 +58,6 @@ const GridGalleryTemplate = ({
           {items.map((item, index) => {
             let image = ListingImage({
               item,
-              useOriginal: false,
               className: '',
             });
 

diff --git a/src/components/ItaliaTheme/Blocks/Listing/InEvidenceTemplate.jsx b/src/components/ItaliaTheme/Blocks/Listing/InEvidenceTemplate.jsx
@@ -86,7 +86,10 @@ const InEvidenceTemplate = (props) => {
             const listingText = show_description ? (
               <ListingText item={item} />
             ) : null;
-            const image = ListingImage({ item });
+            const image = ListingImage({
+              item,
+              sizes: '(max-width:320px) 200px, 300px',
+            });
             const category = getCategory(item, show_type, show_section, props);
             const topics = show_topics ? item.tassonomia_argomenti : null;
 

diff --git a/src/components/ItaliaTheme/Blocks/Listing/SliderTemplate.jsx b/src/components/ItaliaTheme/Blocks/Listing/SliderTemplate.jsx
@@ -353,7 +353,7 @@ const SliderTemplate = ({
                 const image = ListingImage({
                   item,
                   loading: index === 0 ? 'eager' : 'lazy',
-                  maxSize: 1600,
+                  sizes: `max-width(980px) 600px, ${1200 / nSlidesToShow}px`,
                   critical: true,
                 });
                 return (

diff --git a/src/components/ItaliaTheme/Blocks/Listing/SmallBlockLinksTemplate.jsx b/src/components/ItaliaTheme/Blocks/Listing/SmallBlockLinksTemplate.jsx
@@ -38,7 +38,7 @@ const SmallBlockLinksTemplate = ({
         )}
         <Row className="items">
           {items.map((item, index) => {
-            const image = ListingImage({ item, maxSize: 200, style: {} });
+            const image = ListingImage({ item, sizes: '200px', style: {} });
 
             return (
               <Col