Merge pull request #57 from mosteirodelandim/carousel_fix-#56

mosteirodelandim · Feb 26, 2023 · 9dd034e · 9dd034e
2 parents 5a0dfe4 + 9070173
commit 9dd034e
Show file tree

Hide file tree

Showing 6 changed files with 11 additions and 5 deletions.
diff --git a/src/assets/luis_americo_22.pdf b/src/assets/luis_americo_22.pdf
diff --git a/src/components/CarouselArrows.js b/src/components/CarouselArrows.js
@@ -31,6 +31,7 @@ export default function CarouselArrows(props) {
   const prevBtnStyle = Object.assign({}, styles.btn, styles.left)
   const nextBtnStyle = Object.assign({}, styles.btn, styles.right)
   const { index, total, loop, prevHandler, nextHandler } = props
+
   return (
     <div style={styles.wrapper}>
       { (loop || index !== 0) && (

diff --git a/src/pages/about_us.js b/src/pages/about_us.js
@@ -11,6 +11,7 @@ import wineAnim from '../assets/images/lottie/wines';
 import eventsAnim from '../assets/images/lottie/events';
 import LandingLayout from '../components/LandingLayout';
 import IndicatorDots from '../components/CarouselDots';
+import CarouselArrows from '../components/CarouselArrows';
 import BackgroundImage from 'gatsby-background-image';
 import Img from 'gatsby-image';
 import Lightbox from 'react-image-lightbox';
@@ -158,7 +159,7 @@ function AboutUsPage({data}) {
 
         <section className="wrapper-carousel style5">
           <div className="inner-carousel">
-            <Carousel loop widgets={[IndicatorDots]}>
+            <Carousel loop widgets={[IndicatorDots, CarouselArrows]}>
               <BackgroundImage Tag="div" className="carousel-image" fluid={wine1}/>
               <BackgroundImage Tag="div" className="carousel-image" fluid={wine2}/>
               <BackgroundImage Tag="div" className="carousel-image" fluid={wine3}/>

diff --git a/src/pages/events.js b/src/pages/events.js
@@ -10,7 +10,6 @@ import BackgroundImage from 'gatsby-background-image';
 import Img from 'gatsby-image';
 import Lightbox from 'react-image-lightbox';
 
-import americo_menu from '../assets/luis_americo_22.pdf'
 import config from '../../config';
 
 function EventsPage({data}) {
@@ -160,7 +159,9 @@ function EventsPage({data}) {
               <a href="https://saiotes.pt/" rel="noopener noreferrer" target="_blank">Saiotes</a>{t('events:secondParagraph.decor.description2')}
             </p>
             <p>
-              <a href={americo_menu} download>Luís Américo</a>{t('events:secondParagraph.decor.description3')}
+              <a href="https://eco.sapo.pt/2022/04/19/chefe-cozinheiro-do-ano-esta-de-volta-ja-distinguiu-chefs-como-henrique-sa-pessoa-e-luis-americo/"
+              target="_blank" rel="noopener noreferrer"
+              >Luís Américo</a>{t('events:secondParagraph.decor.description3')}
             </p>
           </div>
         </section>

diff --git a/src/pages/gardens.js b/src/pages/gardens.js
@@ -7,6 +7,8 @@ import { Col, Grid, Row } from 'react-flexbox-grid';
 import Carousel from 're-carousel';
 
 import IndicatorDots from '../components/CarouselDots';
+import CarouselArrows from '../components/CarouselArrows';
+
 import LandingLayout from '../components/LandingLayout';
 import cameraAnim from '../assets/images/lottie/camera';
 import config from '../../config';
@@ -50,7 +52,7 @@ function GardensPage({data}) {
 
         <section className="wrapper-carousel style5">
           <div className="inner-carousel">
-            <Carousel loop widgets={[IndicatorDots]}>
+            <Carousel loop widgets={[IndicatorDots, CarouselArrows]}>
               <BackgroundImage Tag="div" className="carousel-image" fluid={pic1}/>
               <BackgroundImage Tag="div" className="carousel-image" fluid={pic2}/>
               <BackgroundImage Tag="div" className="carousel-image" fluid={pic3}/>

diff --git a/src/pages/wine_vineyards.js b/src/pages/wine_vineyards.js
@@ -11,6 +11,7 @@ import { graphql, Link } from 'gatsby';
 import BackgroundImage from 'gatsby-background-image';
 import Carousel from 're-carousel';
 import IndicatorDots from '../components/CarouselDots';
+import CarouselArrows from '../components/CarouselArrows';
 import Lottie from 'react-lottie';
 
 import airbnbAnim from '../assets/images/lottie/airbnb';
@@ -147,7 +148,7 @@ function WineStayPage({data}) {
 
         <section className="wrapper-carousel style5">
           <div className="inner-carousel">
-            <Carousel loop widgets={[IndicatorDots]}>
+            <Carousel loop widgets={[IndicatorDots, CarouselArrows]}>
               <BackgroundImage Tag="div" className="carousel-image" fluid={picture1}/>
               <BackgroundImage Tag="div" className="carousel-image" fluid={picture2}/>
               <BackgroundImage Tag="div" className="carousel-image" fluid={picture3}/>