translations for single listings page
This commit is contained in:
soyed
commit
366e91e41a
10 changed files with 168 additions and 19 deletions
|
|
@ -7,6 +7,8 @@ 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";
|
||||
|
||||
class AgentPage extends Component {
|
||||
state = {
|
||||
agents: [
|
||||
|
|
@ -16,16 +18,21 @@ class AgentPage extends Component {
|
|||
{ 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 },
|
||||
{ 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.', 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" }} >{t("MeetTeam")}</h1>
|
||||
|
||||
</div>
|
||||
|
||||
<div className="container">
|
||||
|
|
@ -41,4 +48,5 @@ class AgentPage extends Component {
|
|||
}
|
||||
|
||||
}
|
||||
export default AgentPage;
|
||||
/* export default AgentPage; */
|
||||
export default withTranslation()(AgentPage);
|
||||
|
|
|
|||
|
|
@ -1,31 +1,149 @@
|
|||
import React from "react";
|
||||
/* import {Link} from 'react-router-dom' */
|
||||
import Card from "react-bootstrap/Card";
|
||||
import Button from "react-bootstrap/Button";
|
||||
import {Link} from 'react-router-dom'
|
||||
/* import Button from "react-bootstrap/Button"; */
|
||||
import { useTranslation } from 'react-i18next';
|
||||
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 { Container, Row, Col } from 'reactstrap';
|
||||
|
||||
|
||||
|
||||
const Agents = ({ agents }) => {
|
||||
const agentlist = agents.map((agent) => {
|
||||
const { t } = useTranslation();
|
||||
/* const agentlist = agents.map((agent) => { */
|
||||
return (
|
||||
<div className="agent" key={agent.id}>
|
||||
<div >
|
||||
{}
|
||||
<Row>
|
||||
<Card style={{ width: "22rem", height: "42rem" }}>
|
||||
<Card.Img variant="top" style={{ height: "22rem" }} src={agent.src} />
|
||||
<Card.Img variant="top" style={{ height: "22rem" }} src={Agent1} />
|
||||
<Card.Body>
|
||||
<Card.Title>{agent.title}</Card.Title>
|
||||
<Card.Text>{agent.name}</Card.Text>
|
||||
<Card.Title>{t("Mike.Title")}</Card.Title>
|
||||
<Card.Text>Michael</Card.Text>
|
||||
<Card.Text style={{ height: "7rem" }}>
|
||||
{agent.word}
|
||||
{t("Mike.Word")}
|
||||
</Card.Text>
|
||||
<div className="buttonfriend">
|
||||
<Link to={"/contact-us/"}>
|
||||
<button type="view" className="btn-small">
|
||||
{t("View_Button")}
|
||||
</button>
|
||||
</Link>
|
||||
{/* <div className="buttonfriend">
|
||||
<Button variant="primary">VIEW</Button>
|
||||
</div>
|
||||
</div> */}
|
||||
</Card.Body>
|
||||
</Card>
|
||||
<Card style={{ width: "22rem", height: "42rem" }}>
|
||||
<Card.Img variant="top" style={{ height: "22rem" }} src={Agent2} />
|
||||
<Card.Body>
|
||||
<Card.Title>{t("Regular")}</Card.Title>
|
||||
<Card.Text>Jin</Card.Text>
|
||||
<Card.Text style={{ height: "7rem" }}>
|
||||
{t("Agent2.W")}
|
||||
</Card.Text>
|
||||
<Link to={"/contact-us/"}>
|
||||
<button type="view" className="btn-small">
|
||||
{t("View_Button")}
|
||||
</button>
|
||||
</Link>
|
||||
{/* <div className="buttonfriend">
|
||||
<Button variant="primary">VIEW</Button>
|
||||
</div> */}
|
||||
</Card.Body>
|
||||
</Card>
|
||||
|
||||
|
||||
<Card style={{ width: "22rem", height: "42rem" }}>
|
||||
<Card.Img variant="top" style={{ height: "22rem" }} src={Agent3} />
|
||||
<Card.Body>
|
||||
<Card.Title>{t("Regular")}</Card.Title>
|
||||
<Card.Text>Anita</Card.Text>
|
||||
<Card.Text style={{ height: "7rem" }}>
|
||||
{t("Agent3.W")}
|
||||
</Card.Text>
|
||||
<Link to={"/contact-us/"}>
|
||||
<button type="view" className="btn-small">
|
||||
{t("View_Button")}
|
||||
</button>
|
||||
</Link>
|
||||
{/* <div className="buttonfriend">
|
||||
<Button variant="primary">VIEW</Button>
|
||||
</div> */}
|
||||
</Card.Body>
|
||||
</Card>
|
||||
</Row>
|
||||
<Row>
|
||||
<Card style={{ width: "22rem", height: "42rem" }}>
|
||||
<Card.Img variant="top" style={{ height: "22rem" }} src={Agent4} />
|
||||
<Card.Body>
|
||||
<Card.Title>{t("Regular")}</Card.Title>
|
||||
<Card.Text>Alex</Card.Text>
|
||||
<Card.Text style={{ height: "7rem" }}>
|
||||
{t("Agent4.W")}
|
||||
</Card.Text>
|
||||
<Link to={"/contact-us/"}>
|
||||
<button type="view" className="btn-small">
|
||||
{t("View_Button")}
|
||||
</button>
|
||||
</Link>
|
||||
{/* <div className="buttonfriend">
|
||||
<Button variant="primary">VIEW</Button>
|
||||
</div> */}
|
||||
</Card.Body>
|
||||
</Card>
|
||||
|
||||
<Card style={{ width: "22rem", height: "42rem" }}>
|
||||
<Card.Img variant="top" style={{ height: "22rem" }} src={Agent5} />
|
||||
<Card.Body>
|
||||
<Card.Title>{t("Regular")}</Card.Title>
|
||||
<Card.Text>Xuan</Card.Text>
|
||||
<Card.Text style={{ height: "7rem" }}>
|
||||
{t("Agent5.W")}
|
||||
</Card.Text>
|
||||
<Link to={"/contact-us/"}>
|
||||
<button type="view" className="btn-small">
|
||||
{t("View_Button")}
|
||||
</button>
|
||||
</Link>
|
||||
{/* <div className="buttonfriend">
|
||||
<Button variant="primary">VIEW</Button>
|
||||
</div> */}
|
||||
</Card.Body>
|
||||
</Card>
|
||||
<Card style={{ width: "22rem", height: "42rem" }}>
|
||||
<Card.Img variant="top" style={{ height: "22rem" }} src={Agent6} />
|
||||
<Card.Body>
|
||||
<Card.Title>{t("Regular")}</Card.Title>
|
||||
<Card.Text>Walter</Card.Text>
|
||||
<Card.Text style={{ height: "7rem" }}>
|
||||
{t("Agent6.W")}
|
||||
</Card.Text>
|
||||
<Link to={"/contact-us/"}>
|
||||
<button type="view" className="btn-small">
|
||||
{t("View_Button")}
|
||||
</button>
|
||||
</Link>
|
||||
{/* <div className="buttonfriend">
|
||||
<Button variant="primary">VIEW</Button>
|
||||
</div> */}
|
||||
</Card.Body>
|
||||
</Card>
|
||||
</Row>
|
||||
|
||||
|
||||
</div>
|
||||
);
|
||||
});
|
||||
console.log(agentlist);
|
||||
return (
|
||||
/* }); */
|
||||
/* console.log(agentlist); */
|
||||
/* return (
|
||||
<div className="agent-list">
|
||||
<div className="row">
|
||||
<div className="col m4">{agentlist[0]}</div>
|
||||
|
|
@ -36,6 +154,6 @@ const Agents = ({ agents }) => {
|
|||
<div className="col m4">{agentlist[5]}</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
); */
|
||||
};
|
||||
export default Agents;
|
||||
|
|
|
|||
Binary file not shown.
|
Before Width: | Height: | Size: 4.1 KiB After Width: | Height: | Size: 307 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 42 KiB After Width: | Height: | Size: 389 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 24 KiB After Width: | Height: | Size: 82 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 485 KiB After Width: | Height: | Size: 74 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 36 KiB After Width: | Height: | Size: 16 KiB |
|
|
@ -14,14 +14,15 @@ class Login extends Component {
|
|||
},
|
||||
};
|
||||
|
||||
handleLogin() {
|
||||
handleLogin = (e) => {
|
||||
// e.preventDefault();
|
||||
// if ( !== this.state.Account.email) {
|
||||
// alert("invalid");
|
||||
// }
|
||||
// if (password !== this.state.Account.password) {
|
||||
// alert("invalid");
|
||||
// }
|
||||
}
|
||||
};
|
||||
|
||||
render() {
|
||||
const { t } = this.props;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue