From b4062e5a3e61bfe756a59c7db3e8a945eb9e9005 Mon Sep 17 00:00:00 2001 From: ruchi Date: Sat, 3 Apr 2021 15:59:25 -0400 Subject: [PATCH 1/5] search --- src/listings-page/ListingsPage.js | 89 ++++++++++++++++++++--- src/listings-page/data/property-data.json | 8 +- 2 files changed, 82 insertions(+), 15 deletions(-) diff --git a/src/listings-page/ListingsPage.js b/src/listings-page/ListingsPage.js index 3aa80cf..4f03ce4 100644 --- a/src/listings-page/ListingsPage.js +++ b/src/listings-page/ListingsPage.js @@ -4,12 +4,17 @@ import { withScriptjs, withGoogleMap, Marker, - InfoWindow + InfoWindow, + useLoadScript } from "react-google-maps"; + + import * as listingData from "./data/property-data.json"; import mapStyles from "./mapStyles"; import "./ListingsPage.css"; + + function Map(){ const [selectedProperty, setSelectedProperty] = useState(null); @@ -17,6 +22,8 @@ function Map(){ return ( + + - {listingData.Properties.map(house => ( + { + listingData.Properties.map(house => { + - - - - ))} + + }) + } {selectedProperty && ( @@ -95,10 +103,6 @@ function Map(){ )} - - - - @@ -117,6 +121,70 @@ class ListingsPage extends Component {
+
+ +
+ + +
+ + + + +
+ + + + + +
+ +
+ +
+ +
+ + +
+ + + +
+ + +
+ +
+ {/* @@ -158,7 +226,6 @@ class ListingsPage extends Component {
-

Map

Date: Sat, 3 Apr 2021 16:00:40 -0400 Subject: [PATCH 2/5] m --- src/homePage/homePage.js | 210 ++++++++++++++++++--------------------- 1 file changed, 97 insertions(+), 113 deletions(-) diff --git a/src/homePage/homePage.js b/src/homePage/homePage.js index 28dcf13..f95a614 100644 --- a/src/homePage/homePage.js +++ b/src/homePage/homePage.js @@ -1,123 +1,107 @@ import { Component } from "react"; -import "./homePage.css"; -import house1 from "../images/house1.jpg"; -import house2 from "../images/house2.jpg"; -import house3 from "../images/house3.jpg"; -import Carousel from "react-bootstrap/Carousel"; +import './Homepage.css'; +import house1 from '../images/house1.jpg'; +import house2 from '../images/house2.jpg'; +import house3 from '../images/house3.jpg'; +import Carousel from 'react-bootstrap/Carousel' -class homePage extends Component { - constructor(props) { - super(props); - this.state = { - firstname: "", - lastname: "", - email: "", - message: "", - }; - } +class Homepage extends Component { + constructor(props) { + super(props); + this.state = { + firstname: '', + lastname: '', + email: '', + message: '' + } + } - render() { - return ( -
-
-
-
-
-

YOU ARE NOT BUYING A HOUSE,

-

YOU ARE BUYING A LIFESTYLE.

-
+ render() { + return ( +
+
+
+
+
+

YOU ARE NOT BUYING A HOUSE,

+

YOU ARE BUYING A LIFESTYLE.

+
+
+
+
+
+
+ + + First House + + + Second House + + + + Third House + + + +
+
+
+
+
+

Contact Us

+
+
+
+ +
+
+ +
+
+
+ +
+
+