360 Michawashkode St, Ottawa, Ontario K4A 3N6
+100 Charlie Rogers, Kanata, ON K2V 1A7
+1 Bedroom, 2 Bathroom
6865 PEBBLE TRAIL WAY, Ottawa, Ontario K4P 0B7
+1490 Youville Drive, Orléans, ON K1C 2X8
+1 Bedroom, 2 Bathroom
5284 Knott Crescent, Ottawa, Ontario K4M 0A2
+8720 Russell Road, Navan, ON K4B 1J1
+1 Bedroom, 2 Bathroom
+
+
+
+ 2785 8th Line Road, Metcalfe, ON K0A 2P0
+1 Bedroom, 2 Bathroom
-
-
-
- Contact Us
- -ContactUs
;
+ return (
+
+
+ )
+ }
+
+ onAgentChange(event) {
+ this.setState({ agent: event.target.value });
+ }
+
+ onHouseChange(event) {
+ this.setState({ house: event.target.value });
+ }
+
+ onFirstNameChange(event) {
+ this.setState({ firstname: event.target.value });
+ }
+
+ onLastNameChange(event) {
+ this.setState({ lastname: event.target.value });
+ }
+
+ onEmailChange(event) {
+ this.setState({ email: event.target.value });
+ }
+
+ onMessageChange(event) {
+ this.setState({ message: event.target.value });
+ }
+
+ handleChange = e => {
+ this.form.validateFields(e.target);
+ }
+
+ handleSubmit(event) {
+ event.preventDefault();
+
+ this.form.validateFields();
+
+ if (!this.form.isValid()) {
+ console.log('form is invalid: do not submit');
+ } else {
+ console.log('form is valid: submit');
+ }
+
+ axios({
+ method: "POST",
+ url: "http://localhost:3002/send",
+ data: this.state
+ }).then((response) => {
+ if (response.data.status === 'success') {
+ alert("Message Sent.");
+ this.resetForm()
+ } else if (response.data.status === 'fail') {
+ alert("Message failed to send.")
+ }
+ })
+ }
+
+ resetForm() {
+ this.setState({ firstname: '', lastname: '', email: '', message: '' })
}
}
+
export default ContactUs;
diff --git a/src/shared-components/contact-us/index.js b/src/shared-components/contact-us/index.js
index cffb00b..9147321 100644
--- a/src/shared-components/contact-us/index.js
+++ b/src/shared-components/contact-us/index.js
@@ -1 +1,60 @@
-export { default } from "./Contact-us";
+var express = require('express');
+var router = express.Router();
+var nodemailer = require('nodemailer');
+var cors = require('cors');
+const creds = require('./config');
+
+var transport = {
+ host: 'smtp.mailtrap.io', // Don’t forget to replace with the SMTP host of your provider
+ port: 2525,
+ auth: {
+ user: creds.USER,
+ pass: creds.PASS
+ }
+}
+
+var transporter = nodemailer.createTransport(transport)
+
+transporter.verify((error, success) => {
+ if (error) {
+ console.log(error);
+ } else {
+ console.log('Server is ready to take messages');
+ }
+});
+
+router.post('/send', (req, res, next) => {
+ var firstname = req.body.firstname
+ var lastname = req.body.lastname
+ var email = req.body.email
+ var message = req.body.message
+ var agent = req.body.agent
+ var house = req.body.house
+ var content = `firstname: ${firstname} \n lastname: ${lastname} \n email: ${email} \n message: ${message} \n agent: ${agent} \n house: ${house}`
+
+ var mail = {
+ from: email,
+ to: 'kenes@cribs.com', // Change to email address that you want to receive messages on
+ subject: 'New Message from Contact Form',
+ text: content
+ }
+
+ transporter.sendMail(mail, (err, data) => {
+ if (err) {
+ res.json({
+ status: 'fail'
+ })
+ } else {
+ res.json({
+ status: 'success'
+ })
+ }
+ })
+})
+
+const app = express()
+app.use(cors())
+app.use(express.json())
+app.use('/', router)
+app.listen(3002)
+
diff --git a/src/shared-components/navbar-component/Navbar.js b/src/shared-components/navbar-component/Navbar.js
index 8493e46..9daa6cb 100644
--- a/src/shared-components/navbar-component/Navbar.js
+++ b/src/shared-components/navbar-component/Navbar.js
@@ -43,7 +43,7 @@ const Navbar = () => {
+
+
+
+
+
+
+ this.form = form}
+ id="contact-form"
+ onSubmit={this.handleSubmit.bind(this)}
+ method="POST"
+ noValidate
+ >
+
+
+
+ Contact Us
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+