fix for agent page translations

public/assets/locales/en/translations.json

@@ -52,8 +52,49 @@
     "Contact-Submit": "Submit",
     "Contact-Error1": "Please select an item in the list.",
     "Contact-Error2": "Please fill out this field.",
-    "Contact-Error3": "Invalid email address."
+    "Contact-Error3": "Invalid email address.",
-
+    "agents": [
-
+        {
-
+            "title": "head sales assistant",
+            "name": "Michael",
+            "src": "{{ img1 }}",
+            "word": "Michael has a genuine passion for helping others and for giving back to the community.",
+            "id": 1
+        },
+        {
+            "title": "sales assistant",
+            "name": "Jin",
+            "src": "{{ img2 }}",
+            "word": "I have a passion for assisting clients with various real estate needs.",
+            "id": 2
+        },
+        {
+            "title": "sales assistant",
+            "name": "Anita",
+            "src": "{{ img3 }}",
+            "word": "Anita looks forward to servicing you to her fullest potential, building long-lasting relationships and making your real estate experience a smooth and memorable one.",
+            "id": 3
+        },
+        {
+            "title": "sales assistant",
+            "name": "Alex",
+            "src": "{{ img4 }}",
+            "word": "Since getting licensed in 2010 Alex has consistently been a top producing agent in the GTA",
+            "id": 4
+        },
+        {
+            "title": "sales assistant",
+            "name": "Xuan",
+            "src": "{{ img5 }}",
+            "word": "Xuan grew up in the GTA, and he explored many different neighborhoods in and surrounding Toronto.",
+            "id": 5
+        },
+        {
+            "title": "sales assistant",
+            "name": "Walter",
+            "src": "{{ img6 }}",
+            "word": "Walter Henry has always been one to follow his passion. At 13 years old, he started his career as a competitive gymnast.Walter will be certain that you feel informed and at ease throughout the entire process.",
+            "id": 6
+        }
+    ]
 }

public/assets/locales/fr/translations.json

@@ -52,5 +52,49 @@
     "Contact-Submit": "Soumettre",
     "Contact-Error1": "Veuillez sélectionner un élément dans la liste.",
     "Contact-Error2": "Veuillez remplir ce champ.",
-    "Contact-Error3": "Adresse e-mail invalide."
+    "Contact-Error3": "Adresse e-mail invalide.",
+    "agents": [
+        {
+            "title": "chef assistant commercial",
+            "name": "Michael",
+            "src": "{{ img1 }}",
+            "word": "Michael a une véritable passion pour aider les autres et pour redonner à la communauté.",
+            "id": 1
+        },
+        {
+            "title": "assistant des ventes",
+            "name": "Jin",
+            "src": "{{ img2 }}",
+            "word": "J'ai une passion pour aider les clients avec divers besoins immobiliers.",
+            "id": 2
+        },
+        {
+            "title": "assistant des ventes",
+            "name": "Anita",
+            "src": "{{ img3 }}",
+            "word": "Anita a hâte de vous servir à son plein potentiel, de bâtir des relations durables et de faire de votre expérience immobilière une expérience agréable et mémorable.",
+            "id": 3
+        },
+        {
+            "title": "assistant des ventes",
+            "name": "Alex",
+            "src": "{{ img4 }}",
+            "word": "Depuis l'obtention de sa licence en 2010, Alex a toujours été l'un des meilleurs agents de production dans la région du Grand Toronto.",
+            "id": 4
+        },
+        {
+            "title": "assistant des ventes",
+            "name": "Xuan",
+            "src": "{{ img5 }}",
+            "word": "Xuan a grandi dans la région du Grand Toronto et a exploré de nombreux quartiers différents de Toronto et des environs.",
+            "id": 5
+        },
+        {
+            "title": "assistant des ventes",
+            "name": "Walter",
+            "src": "{{ img6 }}",
+            "word": "Walter Henry a toujours été du genre à suivre sa passion. À 13 ans, il a commencé sa carrière en tant que gymnaste de compétition. Walter sera certain que vous vous sentirez informé et à l'aise tout au long du processus.",
+            "id": 6
+        }
+    ]
 }

src/agent-page/AgentPage.js

@@ -1,44 +1,93 @@
 import React, { Component } from "react";
-import Agents from './Agents'
+import Agents from "./Agents";
-import './agent-page.css';
+import "./agent-page.css";
 import Agent1 from "../images/Agent1.jpg";
 import Agent2 from "../images/Agent2.jpg";
 import Agent3 from "../images/Agent3.jpg";
 import Agent4 from "../images/Agent4.jpg";
 import Agent5 from "../images/Agent5.jpg";
 import Agent6 from "../images/Agent6.jpg";
+import { withTranslation } from "react-i18next";
+import i18next from "i18next";
 class AgentPage extends Component {
   state = {
     agents: [
-
+      {
-      { title: 'head sales assistant', name: 'Michael', src: Agent1, word: 'Michael has a genuine passion for helping others and for giving back to the community.', id: 1 },
+        title: "head sales assistant",
-      { title: 'sales assistant', name: 'Jin', src: Agent2, word: 'I have a passion for assisting clients with various real estate needs.', id: 2 },
+        name: "Michael",
-      { title: 'sales assistant', name: 'Anita', src: Agent3, word: 'Anita looks forward to servicing you to her fullest potential, building long-lasting relationships and making your real estate experience a smooth and memorable one.', id: 3 },
+        src: Agent1,
-      { title: 'sales assistant', name: 'Alex', src: Agent4, word: 'Since getting licensed in 2010 Alex has consistently been a top producing agent in the GTA', id: 4 },
+        word:
-      { title: 'sales assistant', name: 'Xuan', src: Agent5, word: 'Xuan grew up in the GTA, and he explored many different neighborhoods in and surrounding Toronto.', id: 5 },
+          "Michael has a genuine passion for helping others and for giving back to the community.",
-      { title: 'sales assistant', name: 'Walter', src: Agent6, word: 'Walter Henry has always been one to follow his passion. At 13 years old, he started his career as a competitive gymnast.Walter will be certain that you feel informed and at ease throughout the entire process.', id: 6 },
+        id: 1,
-
+      },
-
+      {
-    ]
+        title: "sales assistant",
-  }
+        name: "Jin",
+        src: Agent2,
+        word:
+          "I have a passion for assisting clients with various real estate needs.",
+        id: 2,
+      },
+      {
+        title: "sales assistant",
+        name: "Anita",
+        src: Agent3,
+        word:
+          "Anita looks forward to servicing you to her fullest potential, building long-lasting relationships and making your real estate experience a smooth and memorable one.",
+        id: 3,
+      },
+      {
+        title: "sales assistant",
+        name: "Alex",
+        src: Agent4,
+        word:
+          "Since getting licensed in 2010 Alex has consistently been a top producing agent in the GTA",
+        id: 4,
+      },
+      {
+        title: "sales assistant",
+        name: "Xuan",
+        src: Agent5,
+        word:
+          "Xuan grew up in the GTA, and he explored many different neighborhoods in and surrounding Toronto.",
+        id: 5,
+      },
+      {
+        title: "sales assistant",
+        name: "Walter",
+        src: Agent6,
+        word:
+          "Walter Henry has always been one to follow his passion. At 13 years old, he started his career as a competitive gymnast.Walter will be certain that you feel informed and at ease throughout the entire process.",
+        id: 6,
+      },
+    ],
+  };
   render() {
+    const { t } = this.props;
     return (
       <div>
         <div className="center  blue-text text-darken-4">
-          <h1 style={{ fontFamily: "Georgia"  }} >Meet the Team</h1>
+          <h1 style={{ fontFamily: "Georgia" }}>Meet the Team</h1>
         </div>
 
         <div className="container">
-          <Agents agents={this.state.agents} /> 
+          <Agents
+            agents={i18next.t("agents", {
+              img1: { Agent1 },
+              img2: { Agent2 },
+              img3: { Agent3 },
+              img4: { Agent4 },
+              img5: { Agent5 },
+              img6: { Agent6 },
+              returnObjects: true,
+            })}
+          />
         </div>
-
-
       </div>
-    )
+    );
   }
   displayAgents = (agent) => {
     console.log(agent);
-  }
+  };
-
 }
-export default AgentPage;
+export default withTranslation()(AgentPage);

src/agent-page/Agents.js

@@ -13,9 +13,7 @@ const Agents = ({ agents }) => {
           <Card.Body>
             <Card.Title>{agent.title}</Card.Title>
             <Card.Text>{agent.name}</Card.Text>
-            <Card.Text style={{ height: "7rem" }}>
+            <Card.Text style={{ height: "7rem" }}>{agent.word}</Card.Text>
-              {agent.word}
-            </Card.Text>
             <div className="buttonfriend">
               <Button variant="primary">VIEW</Button>
             </div>