Merge branch 'eduardo-sprint-2' of sergio.mattei/RenacerSocial into main

cypress/e2e/eduardo.cy.ts

@@ -1,2 +1,30 @@
-// I will E2E test the article page.
-// User visits home -> User clicks on "laws or advice" -> List renders with 200
+describe("Our app", () => {
+  beforeEach(() => {
+    cy.intercept(
+      { pathname: "/api/getTopicList" },
+      {
+        fixture: "topics",
+      }
+    ).as("getTopicList");
+
+    cy.intercept(
+      { pathname: "/api/getTopic" },
+      {
+        fixture: "article",
+      }
+    ).as("getTopic");
+
+    cy.viewport("iphone-x");
+    cy.visit("/");
+  });
+
+  it("shows the home page", () => {
+    cy.visit("/");
+    cy.contains("Bienvenidos");
+  });
+
+  it("shows a video in the home page", () => {
+    cy.visit("/");
+    cy.get("iframe").should("be.visible");
+  });
+});

src/App.tsx

@@ -45,9 +45,14 @@ import "./theme/global.css";
 import "react-notion-x/src/styles.css";
 import AboutListPage from "./pages/AboutListPage";
 import CasitaPage from "./pages/services/CasitaPage";
-import CrecemosPage from "./pages/services/CrecemosPage";
+import EducacionPage from "./pages/services/EducacionPage";
 import LazosPage from "./pages/services/LazosPage";
 import SupervisadasPage from "./pages/services/SupervisadasPage";
+import InfoPage from "./pages/services/InfoPage";
+import TerapeuticasPage from "./pages/services/TerapeuticasPage";
+import ConsejosPage from "./pages/services/ConsejosPage";
+import TalleresPage from "./pages/services/TalleresPage";
+import ApoyoPage from "./pages/services/ApoyoPage";
 
 setupIonicReact();
 
@@ -70,18 +75,38 @@ const App: React.FC = () => (
 
           <Route path="/article/:articleId" component={ArticlePage} />
 
+          <Route path="/services/info">
+            <InfoPage />
+          </Route>
+
           <Route path="/services/lazos">
             <LazosPage />
           </Route>
 
-          <Route path="/services/crecemos">
-            <CrecemosPage />
+          <Route path="/services/terapeuticas">
+            <TerapeuticasPage />
+          </Route>
+
+          <Route path="/services/educacion">
+            <EducacionPage />
           </Route>
 
           <Route path="/services/supervisadas">
             <SupervisadasPage />
           </Route>
 
+          <Route path="/services/consejos">
+            <ConsejosPage />
+          </Route>
+
+          <Route path="/services/talleres">
+            <TalleresPage />
+          </Route>
+
+          <Route path="/services/apoyos">
+            <ApoyoPage />
+          </Route>
+
           <Route path="/about">
             <AboutListPage />
           </Route>

src/pages/AboutListPage.tsx

@@ -33,6 +33,11 @@ const AboutListPage: React.FC = () => {
               allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
             ></iframe>
           </div>
+
+          <IonItem routerLink={`/services/info`}>
+            <p className="ListItemText">Nuestras Misiones </p>
+          </IonItem>
+
           <h5>Bienvenidos</h5>
           <p>
             Renacer Social ha iniciado una campaña de orientación a la comunidad
@@ -45,20 +50,41 @@ const AboutListPage: React.FC = () => {
           </p>
           <IonList>
             <IonListHeader>
-              <IonLabel>Servicios</IonLabel>
+              <IonLabel>Servicios Disponibles</IonLabel>
             </IonListHeader>
+
             <IonItem routerLink={`/services/casita`}>
               <p className="ListItemText">Casita de Paz</p>
             </IonItem>
-            <IonItem routerLink={`/services/Crecemos`}>
-              <p className="ListItemText">Crecemos</p>
+
+            <IonItem routerLink={`/services/educacion`}>
+              <p className="ListItemText">Educacion</p>
             </IonItem>
+
             <IonItem routerLink={`/services/Lazos`}>
               <p className="ListItemText">Proyecto Lazos</p>
             </IonItem>
+
             <IonItem routerLink={`/services/Supervisadas`}>
               <p className="ListItemText">Visitas Supervisadas</p>
             </IonItem>
+            <IonItem routerLink={`/services/terapeuticas`}>
+              <p className="ListItemText">
+                Servicios de Visitas Supervisadas Terapéuticas
+              </p>
+            </IonItem>
+
+            <IonItem routerLink={`/services/consejos`}>
+              <p className="ListItemText">Consejería</p>
+            </IonItem>
+
+            <IonItem routerLink={`/services/talleres`}>
+              <p className="ListItemText">Talleres educativos</p>
+            </IonItem>
+
+            <IonItem routerLink={`/services/apoyo`}>
+              <p className="ListItemText">Seguridad y Apoyo</p>
+            </IonItem>
           </IonList>
         </IonContent>
       </IonContent>

src/pages/services/ApoyoPage.tsx

@@ -0,0 +1,46 @@
+import {
+  IonBackButton,
+  IonButtons,
+  IonCard,
+  IonCardContent,
+  IonCardHeader,
+  IonCardSubtitle,
+  IonCardTitle,
+  IonContent,
+  IonHeader,
+  IonPage,
+  IonTitle,
+  IonToolbar,
+} from "@ionic/react";
+import { RouteComponentProps } from "react-router";
+
+const ApoyoPage: React.FC = () => {
+  return (
+    <IonPage>
+      <IonHeader>
+        <IonToolbar>
+          <IonButtons slot="start">
+            <IonBackButton />
+          </IonButtons>
+          <IonTitle>Servicios</IonTitle>
+        </IonToolbar>
+      </IonHeader>
+      <IonContent fullscreen>
+        <IonCard>
+          <IonCardHeader>
+            <IonCardTitle>Seguridad y Apoyo</IonCardTitle>
+            <IonCardSubtitle></IonCardSubtitle>
+          </IonCardHeader>
+
+          <IonCardContent>
+            Los parientes custodios pueden permanecer en un área de espera
+            cómoda y segura en la cual se le brindarán servicios de  apoyo
+            durante su espera. 
+          </IonCardContent>
+        </IonCard>
+      </IonContent>
+    </IonPage>
+  );
+};
+
+export default ApoyoPage;

src/pages/services/CasitaPage.tsx

@@ -27,16 +27,21 @@ const CasitaPage: React.FC = () => {
       </IonHeader>
       <IonContent fullscreen>
         <IonCard>
-          <img
-            alt="Silhouette of mountains"
-            src="https://ionicframework.com/docs/img/demos/card-media.png"
-          />
           <IonCardHeader>
             <IonCardTitle>Casita de Paz</IonCardTitle>
             <IonCardSubtitle></IonCardSubtitle>
           </IonCardHeader>
 
-          <IonCardContent>Romper ciclos negativos</IonCardContent>
+          <IonCardContent>
+            El proyecto Casita  de Paz es un programa de prevención e
+            intervención de maltrato a menores. Incluye un grupo de apoyo
+            ofrecido a víctimas de maltrato a menores  y sus familias, además
+            ofrecemos educación parental , disciplina positiva y co-parentalidad
+            asertiva .En el mismo se ofrecen talleres educativos y actividades
+            de crecimiento personal. Puede ser parte del mismo como participante
+            o como voluntario. Envíe un mensaje en la sección de contactos o
+            llame a nuestras oficinas para más información. 
+          </IonCardContent>
         </IonCard>
       </IonContent>
     </IonPage>

src/pages/services/ConsejosPage.tsx

@@ -0,0 +1,48 @@
+import {
+  IonBackButton,
+  IonButtons,
+  IonCard,
+  IonCardContent,
+  IonCardHeader,
+  IonCardSubtitle,
+  IonCardTitle,
+  IonContent,
+  IonHeader,
+  IonPage,
+  IonTitle,
+  IonToolbar,
+} from "@ionic/react";
+import { RouteComponentProps } from "react-router";
+
+const ConsejosPage: React.FC = () => {
+  return (
+    <IonPage>
+      <IonHeader>
+        <IonToolbar>
+          <IonButtons slot="start">
+            <IonBackButton />
+          </IonButtons>
+          <IonTitle>Servicios</IonTitle>
+        </IonToolbar>
+      </IonHeader>
+      <IonContent fullscreen>
+        <IonCard>
+          <IonCardHeader>
+            <IonCardTitle>Consejería</IonCardTitle>
+            <IonCardSubtitle></IonCardSubtitle>
+          </IonCardHeader>
+
+          <IonCardContent>
+            En  Renacer Social  le brindamos una variedad de servicios de
+            consejería terapéutica  para proveerle apoyo a las familias en
+            tiempos difíciles . Buscamos promover su crecimiento y
+            fortalecimiento emocional de manera saludable en un ambiente
+            cómodo. 
+          </IonCardContent>
+        </IonCard>
+      </IonContent>
+    </IonPage>
+  );
+};
+
+export default ConsejosPage;

src/pages/services/EducacionPage.tsx

@@ -0,0 +1,49 @@
+import {
+  IonBackButton,
+  IonButtons,
+  IonCard,
+  IonCardContent,
+  IonCardHeader,
+  IonCardSubtitle,
+  IonCardTitle,
+  IonContent,
+  IonHeader,
+  IonPage,
+  IonTitle,
+  IonToolbar,
+} from "@ionic/react";
+import { RouteComponentProps } from "react-router";
+
+const EducacionPage: React.FC = () => {
+  return (
+    <IonPage>
+      <IonHeader>
+        <IonToolbar>
+          <IonButtons slot="start">
+            <IonBackButton />
+          </IonButtons>
+          <IonTitle>Servicios</IonTitle>
+        </IonToolbar>
+      </IonHeader>
+      <IonContent fullscreen>
+        <IonCard>
+          <IonCardHeader>
+            <IonCardTitle>Crecemos</IonCardTitle>
+            <IonCardSubtitle></IonCardSubtitle>
+          </IonCardHeader>
+
+          <IonCardContent>
+            En  Renacer Social le brindamos el apoyo necesario a los padres y
+            las familias para que puedan realizar el mejor trabajo posible en la
+            crianza de sus hijos. Al aprender nueva información, destrezas y
+            habilidades, los padres pueden ayudar a sus hijos a alcanzar su
+            potencial en la vida y aportar positiva y asertivamente en la
+            familia y en la sociedad. 
+          </IonCardContent>
+        </IonCard>
+      </IonContent>
+    </IonPage>
+  );
+};
+
+export default EducacionPage;

src/pages/services/InfoPage.tsx

@@ -0,0 +1,70 @@
+import {
+  IonBackButton,
+  IonButtons,
+  IonCard,
+  IonCardContent,
+  IonCardHeader,
+  IonCardSubtitle,
+  IonCardTitle,
+  IonContent,
+  IonHeader,
+  IonPage,
+  IonTitle,
+  IonToolbar,
+} from "@ionic/react";
+import { RouteComponentProps } from "react-router";
+
+const InfoPage: React.FC = () => {
+  return (
+    <IonPage>
+      <IonHeader>
+        <IonToolbar>
+          <IonButtons slot="start">
+            <IonBackButton />
+          </IonButtons>
+          <IonTitle>Servicios</IonTitle>
+        </IonToolbar>
+      </IonHeader>
+      <IonContent fullscreen>
+        <IonCard>
+          <IonCardHeader>
+            <IonCardTitle>Misiones dentro de Renacer Socail</IonCardTitle>
+          </IonCardHeader>
+
+          <IonCardSubtitle>Es Responsabiidad de Todos</IonCardSubtitle>
+
+          <IonCardContent>
+            Únase a nuestra campaña, denunciemos el maltrato de menores.
+            Nuestros niños y niñas son responsabilidad de Todos. 
+          </IonCardContent>
+
+          <IonCardSubtitle>Nuestro equipos</IonCardSubtitle>
+          <IonCardContent>
+            En Renacer Social  creemos que el tiempo de familia es  importante y
+            necesario. Por esta razón ofrecemos áreas para relaciones filiales
+            supervisadas en un ambiente familiar y seguro. Contamos con
+            trabajadores sociales forenses, terapistas , educadores y
+            profesionales en el área de psicología. . 
+          </IonCardContent>
+
+          <IonCardSubtitle>Nuestra Misión</IonCardSubtitle>
+          <IonCardContent>
+             Nuestra misión principal es ofrecer servicios de calidad a todos
+            los miembros de la familia en un entorno hogareño y seguro.
+            Ofrecemos un ambiente que promueve un estado emocional saludable
+            para la familia.
+          </IonCardContent>
+
+          <IonCardSubtitle>Nuestra Visión</IonCardSubtitle>
+          <IonCardContent>
+             Nuestra visión  es tener una sociedad emocionalmente estable al
+            apoyar a la niñez y sus familias en sus relaciones familiares.
+            Contribuir a una mejor sociedad es nuestro Norte. 
+          </IonCardContent>
+        </IonCard>
+      </IonContent>
+    </IonPage>
+  );
+};
+
+export default InfoPage;

src/pages/services/LazosPage.tsx

@@ -27,16 +27,20 @@ const LazosPage: React.FC = () => {
       </IonHeader>
       <IonContent fullscreen>
         <IonCard>
-          <img
-            alt="Silhouette of mountains"
-            src="https://ionicframework.com/docs/img/demos/card-media.png"
-          />
           <IonCardHeader>
             <IonCardTitle>Proyecto de Lazos</IonCardTitle>
             <IonCardSubtitle></IonCardSubtitle>
           </IonCardHeader>
 
-          <IonCardContent>Maltrato de Parejas</IonCardContent>
+          <IonCardContent>
+            El proyecto Lazos es un programa de prevención e intervención de
+            violencia doméstica. Incluye un grupo de apoyo ofrecido a víctimas
+            de violencia doméstica y sus familias. En el mismo se ofrecen
+            talleres educativos y actividades de crecimiento personal. Puede ser
+            parte del mismo como participante o como voluntario. Envíe un
+            mensaje en la sección de contactos o llame a nuestras oficinas para
+            más información. 
+          </IonCardContent>
         </IonCard>
       </IonContent>
     </IonPage>

src/pages/services/SupervisadasPage.tsx

@@ -27,17 +27,15 @@ const SupervisadasPage: React.FC = () => {
       </IonHeader>
       <IonContent fullscreen>
         <IonCard>
-          <img
-            alt="Silhouette of mountains"
-            src="https://ionicframework.com/docs/img/demos/card-media.png"
-          />
           <IonCardHeader>
             <IonCardTitle>Visitas Supervisadas</IonCardTitle>
             <IonCardSubtitle></IonCardSubtitle>
           </IonCardHeader>
 
           <IonCardContent>
-            Espacio tranquilo y seguro para visitas supervisadas
+            En Renacer Social, las Visitas Supervisadas se dan en un entorno
+            hogareño, emocionalmente saludable y seguro para todos los miembros
+            envueltos. 
           </IonCardContent>
         </IonCard>
       </IonContent>

src/pages/services/CrecemosPage.tsx → src/pages/services/TalleresPage.tsx

@@ -14,7 +14,7 @@ import {
 } from "@ionic/react";
 import { RouteComponentProps } from "react-router";
 
-const CrecemosPage: React.FC = () => {
+const TalleresPage: React.FC = () => {
   return (
     <IonPage>
       <IonHeader>
@@ -27,20 +27,19 @@ const CrecemosPage: React.FC = () => {
       </IonHeader>
       <IonContent fullscreen>
         <IonCard>
-          <img
-            alt="Silhouette of mountains"
-            src="https://ionicframework.com/docs/img/demos/card-media.png"
-          />
           <IonCardHeader>
-            <IonCardTitle>Crecemos</IonCardTitle>
+            <IonCardTitle>Talleres educativos </IonCardTitle>
             <IonCardSubtitle></IonCardSubtitle>
           </IonCardHeader>
 
-          <IonCardContent>Educacion Co-parental</IonCardContent>
+          <IonCardContent>
+            Se ofrecen talleres educativos a las familias y a otros
+            profesionales para fortalecer nuestra comunidad.
+          </IonCardContent>
         </IonCard>
       </IonContent>
     </IonPage>
   );
 };
 
-export default CrecemosPage;
+export default TalleresPage;

src/pages/services/TerapeuticasPage.tsx

@@ -0,0 +1,49 @@
+import {
+  IonBackButton,
+  IonButtons,
+  IonCard,
+  IonCardContent,
+  IonCardHeader,
+  IonCardSubtitle,
+  IonCardTitle,
+  IonContent,
+  IonHeader,
+  IonPage,
+  IonTitle,
+  IonToolbar,
+} from "@ionic/react";
+import { RouteComponentProps } from "react-router";
+
+const TerapeuticasPage: React.FC = () => {
+  return (
+    <IonPage>
+      <IonHeader>
+        <IonToolbar>
+          <IonButtons slot="start">
+            <IonBackButton />
+          </IonButtons>
+          <IonTitle>Servicios</IonTitle>
+        </IonToolbar>
+      </IonHeader>
+      <IonContent fullscreen>
+        <IonCard>
+          <IonCardHeader>
+            <IonCardTitle>Servicios</IonCardTitle>
+            <IonCardSubtitle>
+              Servicios de Visitas Supervisadas Terapéuticas
+            </IonCardSubtitle>
+          </IonCardHeader>
+
+          <IonCardContent>
+            En  Renacer Social  le brindamos servicios  de visitas supervisadas
+            terapéuticas por trabajadores sociales con peritaje forense en un
+            ambiente ameno y seguro. Se ofrecen de manera presencial y de manera
+            virtual. 
+          </IonCardContent>
+        </IonCard>
+      </IonContent>
+    </IonPage>
+  );
+};
+
+export default TerapeuticasPage;