Fix: erro de requisicao de data do carrossel-events - @Wander06 -@fer…

…nandesmelo -@thayanneregoo

src/components/carrossel-oficinas/index.js

@@ -24,15 +24,15 @@ const WorkshopsCarrossel = () => {
             name: workshop.attributes.nome,
             date: new Date(workshop.attributes.data_inicio).toLocaleDateString(
               'pt-BR',
-              { timeZone: 'UTC' },
+              { timeZone: 'UTC' }
             ),
             imageUrl:
-              workshop.attributes.foto_divulgacao.data[0].attributes.url,
+              workshop.attributes.foto_divulgacao.data[0].attributes.url
           }
         })
 
         const workshopsSortedByName = workshops.sort((a, b) =>
-          a.nome < b.nome ? -1 : 1,
+          a.nome < b.nome ? -1 : 1
         )
         setAttributes(workshopsSortedByName)
       }
@@ -44,11 +44,19 @@ const WorkshopsCarrossel = () => {
       <div className="carrossel">
         <h1>Oficinas</h1>
         <p>
-          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque
-          accumsan accumsan elit vel ullamcorper. Vestibulum ante ipsum primis
-          in faucibus orci luctus et ultrices posuere cubilia curae; Nullam eget
-          ligula et libero volutpat tristique. Duis tincidunt dolor dolor, vel
-          pulvinar tellus mattis id.
+          A Nossa Casa é reconhecida por sua ampla variedade de oficinas, que
+          vão desde atividades de lambe-lambe, dança, ChatGPT, contação de
+          histórias, caderno de artista e gastronomia vegana até o emocionante
+          bike-teatro e o criativo Laboratório de Produção Cultural. Estamos
+          totalmente comprometidos em articular e promover essas atividades,
+          enriquecendo a comunidade e fortalecendo os laços de solidariedade e
+          inclusão que nos definem. 
+          <br/>
+          <br/>
+          Ao oferecer oficinas e workshops, a Nossa
+          Casa também fomenta a Economia Solidária, tanto para educadores quanto
+          para os participantes, que recebem capacitação, conhecimento e
+          possibilidades de novos caminhos.
         </p>
       </div>
 
@@ -59,7 +67,7 @@ const WorkshopsCarrossel = () => {
         breakpoints={{
           320: { slidesPerView: 1, spaceBetween: 1 },
           660: { slidesPerView: 2 },
-          1280: { slidesPerView: 3, spaceBetween: 1 },
+          1280: { slidesPerView: 3, spaceBetween: 1 }
         }}
         modules={[Navigation, Pagination]}
         className="mySwiper"
@@ -75,7 +83,14 @@ const WorkshopsCarrossel = () => {
                         <img className="img" src={workshops.imageUrl} />
                       </div>
                       <div>
-                        <p className="date">{workshops.date}</p>
+                      { 
+                        workshops.date === "01/01/1970" ? (
+                        <p></p>                
+                        ) : (
+                          <p className="date">
+                          {workshops.date}
+                        </p>
+                        )}
                         <h3 className="title">{workshops.name}</h3>
                       </div>
                       <VerMais>

src/components/carrossel-terapias/index.js

@@ -20,7 +20,7 @@ const TherapiesCarrossel = () => {
             id: data.id,
             date: new Date(data.attributes.data_inicio).toLocaleDateString(
               'pt-BR',
-              { timeZone: 'UTC' },
+              { timeZone: 'UTC' }
             ),
             name: data.attributes.nome,
             image_url: data.attributes.foto_divulgacao.data[0].attributes.url
@@ -40,27 +40,28 @@ const TherapiesCarrossel = () => {
       <div className="carrossel">
         <h1>Terapias</h1>
         <p>
-          Ao longo da história, espaços de autocuidado e bem-estar foram
-          associados às classes mais abastadas. Ainda hoje, a população negra,
-          LGBTs, mulheres e moradores de periferias têm acesso limitado a esses
-          locais, enfrentando rotinas maçantes e exclusão social. A Clínica
-          Social da Nossa Casa visa democratizar o acesso a serviços como
-          psicoterapia, massoterapia, yoga, reiki, entre outros. Com
-          profissionais oferecendo preços acessíveis, busca proporcionar saúde e
-          bem-estar para todes, promovendo qualidade de vida, autonomia e
-          dignidade. Conheça mais sobre os serviços oferecidos e entre em
-          contato.
+          Entendendo a importância da Saúde Integrativa, a Nossa Casa fomenta e
+          oferece serviços e produtos na área da saúde, com o objetivo de tornar
+          a qualidade de vida acessível a todos. Assim, promovemos espaços e
+          eventos dedicados à saúde mental, física e emocional, oferecendo
+          atividades como massoterapia, rodas de conversa, reiki, yoga,
+          acupuntura e outras práticas.
+          <br />
+          <br />
+          Além disso, possuímos a Clínica Social na área de Psicologia, onde o
+          atendimento psicoterapêutico é oferecido de maneira acessível,
+          popular, crítica e humanizada.
         </p>
       </div>
 
       <Swiper
         slidesPerView={3}
         navigation={true}
-        pagination={{clickable: true}}
+        pagination={{ clickable: true }}
         breakpoints={{
-          320: {slidesPerView: 1, spaceBetween:1},
-          660: {slidesPerView: 2},
-          1280: {slidesPerView: 3, spaceBetween:1}
+          320: { slidesPerView: 1, spaceBetween: 1 },
+          660: { slidesPerView: 2 },
+          1280: { slidesPerView: 3, spaceBetween: 1 }
         }}
         modules={[Navigation, Pagination]}
         className="mySwiper"
@@ -73,18 +74,26 @@ const TherapiesCarrossel = () => {
                   <SwiperSlide>
                     <div>
                       <div>
-                        <img
-                          className="img"
-                          src={therapies.image_url}
-                        />
+                        <img className="img" src={therapies.image_url} />
                       </div>
                       <div>
-                        <p className="date">{therapies.date}</p>
+                        {console.log(therapies.date)}
+                      { 
+                      therapies.date === "01/01/1970" ? (
+                        <p></p>                         
+                        ) : (
+                          <p className="date">
+                          {therapies.date}
+                        </p>
+                        )}
                         <h3 className="title">{therapies.name}</h3>
                       </div>
                       <VerMais>
                         <div className="styled-button">
-                          <Link className="button-writing" to={`${therapies.id}`}>
+                          <Link
+                            className="button-writing"
+                            to={`${therapies.id}`}
+                          >
                             Ver mais
                           </Link>
                         </div>

src/components/events-carrosel/index.js

@@ -28,60 +28,88 @@ const Events = () => {
             description: data.attributes.descricao,
           }
         })
-        const eventsOrdered = events.filter(event => event !== null).sort((a, b) => a.date - b.date)
+        const eventsOrdered = events
+          .filter((event) => event !== null)
+          .sort((a, b) => a.date - b.date)
         setAttributesEvents(eventsOrdered)
       }
     })
   }, [])
 
   return (
-
     <CssCarrosselGlobal style={{ background: '#FAFAFA' }}>
-      <div className='carrossel'>
+      <div className="carrossel">
         <h1>Eventos</h1>
-        <p>A  Nossa Casa realiza diversos eventos culturais que vão de festivais, rodas de conversa, apresentações musicais, exposições de arte visual, entre outros.
-          Confira aqui nossa programação e participe!</p>
+        <p>
+          A Nossa Casa é um importante centro cultural em Guarulhos, promovendo
+          e realizando uma ampla variedade de atividades e eventos nas áreas de
+          arte e cultura. Desde festivais até rodas de conversa, apresentações
+          musicais, lançamentos e exposições de arte visual, buscamos
+          proporcionar experiências enriquecedoras para a comunidade.
+          <br/>
+          <br/>
+          Entendemos a arte e a cultura como direitos básicos e fundamentais
+          para a nossa saúde e economia local. Por isso, assumimos o compromisso
+          de impulsionar artistas e profissionais da nossa cidade,
+          proporcionando oportunidades de expressão e desenvolvimento.
+          <br/>
+          <br/>
+        Confira a nossa programação e junte-se a nós!
+        </p>
       </div>
       <Swiper
         slidesPerView={3}
         navigation={true}
-        pagination={{clickable: true}}
+        pagination={{ clickable: true }}
         breakpoints={{
-          320: {slidesPerView: 1, spaceBetween:1},
-          660: {slidesPerView: 2},
-          1280: {slidesPerView: 3, spaceBetween:1}
+          320: { slidesPerView: 1, spaceBetween: 1 },
+          660: { slidesPerView: 2 },
+          1280: { slidesPerView: 3, spaceBetween: 1 },
         }}
         modules={[Navigation, Pagination]}
         className="mySwiper"
       >
         <section>
           <div className="swiper-slide">
             <ul>
-              {attributesEvents.map((events, index) =>
+              {attributesEvents.map((events, index) => (
                 <li key={index}>
                   <SwiperSlide>
                     <div>
                       <div>
                         <img className="img" src={events.image_url} />
                       </div>
                       <div>
-                        <p className="date">{events.date}</p>
+                      { 
+                      events.date === "01/01/1970" ? (
+                        <p></p>
+
+                        ) : (
+                          <p className="date">
+                          {events.date}
+                        </p>
+                        )}
                         <h3 className="title">{events.name}</h3>
                       </div>
                       <EventsComponent>
-                      <div className='styled-button'>
-                        <NavLink className="button-writing" to={`${events.id}`} >Ver mais</NavLink>
-                      </div>
-                      </ EventsComponent>
+                        <div className="styled-button">
+                          <NavLink
+                            className="button-writing"
+                            to={`${events.id}`}
+                          >
+                            Ver mais
+                          </NavLink>
+                        </div>
+                      </EventsComponent>
                     </div>
                   </SwiperSlide>
                 </li>
-              )}
+              ))}
             </ul>
           </div>
         </section>
       </Swiper>
     </CssCarrosselGlobal>
   )
 }
-export default Events
+export default Events