From 9a1d86259e6530b690497c9584b0b95e4907307c Mon Sep 17 00:00:00 2001 From: ruchi Date: Wed, 31 Mar 2021 01:17:00 -0400 Subject: [PATCH] added map,markers,popup --- package-lock.json | 149 ++++ package.json | 1 + public/home-solid.svg | 1 + public/home.svg | 1 + public/homes-2.svg | 1 + public/homes-3.svg | 1 + public/index.html | 2 + src/App.js | 18 +- src/listings-page/ListingsPage.css | 9 + src/listings-page/ListingsPage.js | 191 +++++ ...ings-page.test.js => ListingsPage.test.js} | 2 +- src/listings-page/data/house-listings.json | 789 ++++++++++++++++++ src/listings-page/data/property-data.json | 83 ++ src/listings-page/listings-page.css | 0 src/listings-page/listings-page.js | 9 - src/listings-page/mapStyles.js | 267 ++++++ .../listing-page.css | 0 .../listing-page.js | 0 .../listing-page.test.js | 0 19 files changed, 1501 insertions(+), 23 deletions(-) create mode 100644 public/home-solid.svg create mode 100644 public/home.svg create mode 100644 public/homes-2.svg create mode 100644 public/homes-3.svg create mode 100644 src/listings-page/ListingsPage.css create mode 100644 src/listings-page/ListingsPage.js rename src/listings-page/{listings-page.test.js => ListingsPage.test.js} (83%) create mode 100644 src/listings-page/data/house-listings.json create mode 100644 src/listings-page/data/property-data.json delete mode 100644 src/listings-page/listings-page.css delete mode 100644 src/listings-page/listings-page.js create mode 100644 src/listings-page/mapStyles.js rename src/listings-page/{listing-page => single-listing}/listing-page.css (100%) rename src/listings-page/{listing-page => single-listing}/listing-page.js (100%) rename src/listings-page/{listing-page => single-listing}/listing-page.test.js (100%) diff --git a/package-lock.json b/package-lock.json index b41fa80..e3394d7 100644 --- a/package-lock.json +++ b/package-lock.json @@ -3979,6 +3979,11 @@ "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-6.2.0.tgz", "integrity": "sha512-c7wVvbw3f37nuobQNtgsgG9POC9qMbNuMQmTCqZv23b6MIz0fcYpBiOlv9gEN/hdLdnZTDQhg6e9Dq5M1vKvfg==" }, + "can-use-dom": { + "version": "0.1.0", + "resolved": "https://registry.npmjs.org/can-use-dom/-/can-use-dom-0.1.0.tgz", + "integrity": "sha1-IsxKNKCrxDlQ9CxkEQJKP2NmtFo=" + }, "caniuse-api": { "version": "3.0.0", "resolved": "https://registry.npmjs.org/caniuse-api/-/caniuse-api-3.0.0.tgz", @@ -4023,6 +4028,11 @@ "supports-color": "^5.3.0" } }, + "change-emitter": { + "version": "0.1.6", + "resolved": "https://registry.npmjs.org/change-emitter/-/change-emitter-0.1.6.tgz", + "integrity": "sha1-6LL+PX8at9aaMhma/5HqaTFAlRU=" + }, "char-regex": { "version": "1.0.2", "resolved": "https://registry.npmjs.org/char-regex/-/char-regex-1.0.2.tgz", @@ -5478,6 +5488,24 @@ "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz", "integrity": "sha1-rT/0yG7C0CkyL1oCw6mmBslbP1k=" }, + "encoding": { + "version": "0.1.13", + "resolved": "https://registry.npmjs.org/encoding/-/encoding-0.1.13.tgz", + "integrity": "sha512-ETBauow1T35Y/WZMkio9jiM0Z5xjHHmJ4XmjZOq1l/dXz3lr2sRn87nJy20RupqSh1F2m3HHPSp8ShIPQJrJ3A==", + "requires": { + "iconv-lite": "^0.6.2" + }, + "dependencies": { + "iconv-lite": { + "version": "0.6.2", + "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.2.tgz", + "integrity": "sha512-2y91h5OpQlolefMPmUlivelittSWy0rP+oYVpn6A7GwVHNE8AWzoYOBNmlwks3LobaJxgHCYZAnyNo2GgpNRNQ==", + "requires": { + "safer-buffer": ">= 2.1.2 < 3.0.0" + } + } + } + }, "end-of-stream": { "version": "1.4.4", "resolved": "https://registry.npmjs.org/end-of-stream/-/end-of-stream-1.4.4.tgz", @@ -6619,6 +6647,35 @@ "bser": "2.1.1" } }, + "fbjs": { + "version": "0.8.17", + "resolved": "https://registry.npmjs.org/fbjs/-/fbjs-0.8.17.tgz", + "integrity": "sha1-xNWY6taUkRJlPWWIsBpc3Nn5D90=", + "requires": { + "core-js": "^1.0.0", + "isomorphic-fetch": "^2.1.1", + "loose-envify": "^1.0.0", + "object-assign": "^4.1.0", + "promise": "^7.1.1", + "setimmediate": "^1.0.5", + "ua-parser-js": "^0.7.18" + }, + "dependencies": { + "core-js": { + "version": "1.2.7", + "resolved": "https://registry.npmjs.org/core-js/-/core-js-1.2.7.tgz", + "integrity": "sha1-ZSKUwUZR2yj6k70tX/KYOk8IxjY=" + }, + "promise": { + "version": "7.3.1", + "resolved": "https://registry.npmjs.org/promise/-/promise-7.3.1.tgz", + "integrity": "sha512-nolQXZ/4L+bP/UGlkfaIujX9BKxGwmQ9OT4mOt5yvy8iK1h3wqTEJCijzGANTCCl9nWjY41juyAn2K3Q1hLLTg==", + "requires": { + "asap": "~2.0.3" + } + } + } + }, "figgy-pudding": { "version": "3.5.2", "resolved": "https://registry.npmjs.org/figgy-pudding/-/figgy-pudding-3.5.2.tgz", @@ -7147,6 +7204,11 @@ "slash": "^3.0.0" } }, + "google-maps-infobox": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/google-maps-infobox/-/google-maps-infobox-2.0.0.tgz", + "integrity": "sha512-hTuWmWZZSOxf5D/z7l3/hTF1grgRvLG53BEKMdjiKOG+FcK/kH7vqseUeyIU9Zj2ZIqKTOaro0nknxpAuRq4Vw==" + }, "graceful-fs": { "version": "4.2.6", "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.6.tgz", @@ -7345,6 +7407,11 @@ "minimalistic-crypto-utils": "^1.0.1" } }, + "hoist-non-react-statics": { + "version": "2.5.5", + "resolved": "https://registry.npmjs.org/hoist-non-react-statics/-/hoist-non-react-statics-2.5.5.tgz", + "integrity": "sha512-rqcy4pJo55FTTLWt+bU8ukscqHeE/e9KWvsOW2b/a3afxQZhwkQdT1rPPCJ0rYXdj4vNcasY8zHTH+jF/qStxw==" + }, "hoopy": { "version": "0.1.4", "resolved": "https://registry.npmjs.org/hoopy/-/hoopy-0.1.4.tgz", @@ -8167,6 +8234,15 @@ "resolved": "https://registry.npmjs.org/isobject/-/isobject-3.0.1.tgz", "integrity": "sha1-TkMekrEalzFjaqH5yNHMvP2reN8=" }, + "isomorphic-fetch": { + "version": "2.2.1", + "resolved": "https://registry.npmjs.org/isomorphic-fetch/-/isomorphic-fetch-2.2.1.tgz", + "integrity": "sha1-YRrhrPFPXoH3KVB0coGf6XM1WKk=", + "requires": { + "node-fetch": "^1.0.1", + "whatwg-fetch": ">=0.10.0" + } + }, "isstream": { "version": "0.1.2", "resolved": "https://registry.npmjs.org/isstream/-/isstream-0.1.2.tgz", @@ -10104,6 +10180,16 @@ "object-visit": "^1.0.0" } }, + "marker-clusterer-plus": { + "version": "2.1.4", + "resolved": "https://registry.npmjs.org/marker-clusterer-plus/-/marker-clusterer-plus-2.1.4.tgz", + "integrity": "sha1-+O/3TVmdqzt9Dj/tUmTqDnBPXWc=" + }, + "markerwithlabel": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/markerwithlabel/-/markerwithlabel-2.0.2.tgz", + "integrity": "sha512-C/cbm1A0h/u54gwHk5ZJNdUU3V3+1BbCpRPMsMyFA7vF4yL+aB4rWpxACz29TpQ+cTg6/iQroExh0PMSRGtQFg==" + }, "md5.js": { "version": "1.3.5", "resolved": "https://registry.npmjs.org/md5.js/-/md5.js-1.3.5.tgz", @@ -10550,6 +10636,15 @@ } } }, + "node-fetch": { + "version": "1.7.3", + "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-1.7.3.tgz", + "integrity": "sha512-NhZ4CsKx7cYm2vSrBAr2PvFOe6sWDf0UYLRqA6svUYg7+/TSfVAu49jYC4BvQ4Sms9SZgdqGBgroqfDhJdTyKQ==", + "requires": { + "encoding": "^0.1.11", + "is-stream": "^1.0.1" + } + }, "node-forge": { "version": "0.10.0", "resolved": "https://registry.npmjs.org/node-forge/-/node-forge-0.10.0.tgz", @@ -12767,6 +12862,34 @@ "resolved": "https://registry.npmjs.org/react-error-overlay/-/react-error-overlay-6.0.9.tgz", "integrity": "sha512-nQTTcUu+ATDbrSD1BZHr5kgSD4oF8OFjxun8uAaL8RwPBacGBNPf/yAuVVdx17N8XNzRDMrZ9XcKZHCjPW+9ew==" }, + "react-google-maps": { + "version": "9.4.5", + "resolved": "https://registry.npmjs.org/react-google-maps/-/react-google-maps-9.4.5.tgz", + "integrity": "sha512-8z5nX9DxIcBCXuEiurmRT1VXVwnzx0C6+3Es6lxB2/OyY2SLax2/LcDu6Aldxnl3HegefTL7NJzGeaKAJ61pOA==", + "requires": { + "babel-runtime": "^6.11.6", + "can-use-dom": "^0.1.0", + "google-maps-infobox": "^2.0.0", + "invariant": "^2.2.1", + "lodash": "^4.16.2", + "marker-clusterer-plus": "^2.1.4", + "markerwithlabel": "^2.0.1", + "prop-types": "^15.5.8", + "recompose": "^0.26.0", + "scriptjs": "^2.5.8", + "warning": "^3.0.0" + }, + "dependencies": { + "warning": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/warning/-/warning-3.0.0.tgz", + "integrity": "sha1-MuU3fLVy3kqwR1O9+IIcAe1gW3w=", + "requires": { + "loose-envify": "^1.0.0" + } + } + } + }, "react-is": { "version": "16.13.1", "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz", @@ -12972,6 +13095,17 @@ "picomatch": "^2.2.1" } }, + "recompose": { + "version": "0.26.0", + "resolved": "https://registry.npmjs.org/recompose/-/recompose-0.26.0.tgz", + "integrity": "sha512-KwOu6ztO0mN5vy3+zDcc45lgnaUoaQse/a5yLVqtzTK13czSWnFGmXbQVmnoMgDkI5POd1EwIKSbjU1V7xdZog==", + "requires": { + "change-emitter": "^0.1.2", + "fbjs": "^0.8.1", + "hoist-non-react-statics": "^2.3.1", + "symbol-observable": "^1.0.4" + } + }, "recursive-readdir": { "version": "2.2.2", "resolved": "https://registry.npmjs.org/recursive-readdir/-/recursive-readdir-2.2.2.tgz", @@ -13695,6 +13829,11 @@ "ajv-keywords": "^3.5.2" } }, + "scriptjs": { + "version": "2.5.9", + "resolved": "https://registry.npmjs.org/scriptjs/-/scriptjs-2.5.9.tgz", + "integrity": "sha512-qGVDoreyYiP1pkQnbnFAUIS5AjenNwwQBdl7zeos9etl+hYKWahjRTfzAZZYBv5xNHx7vNKCmaLDQZ6Fr2AEXg==" + }, "select-hose": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/select-hose/-/select-hose-2.0.0.tgz", @@ -14625,6 +14764,11 @@ "util.promisify": "~1.0.0" } }, + "symbol-observable": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/symbol-observable/-/symbol-observable-1.2.0.tgz", + "integrity": "sha512-e900nM8RRtGhlV36KGEU9k65K3mPb1WV70OdjfxlG2EAuM1noi/E/BaW/uMhL7bPEssK8QV57vN3esixjUvcXQ==" + }, "symbol-tree": { "version": "3.2.4", "resolved": "https://registry.npmjs.org/symbol-tree/-/symbol-tree-3.2.4.tgz", @@ -15091,6 +15235,11 @@ "is-typedarray": "^1.0.0" } }, + "ua-parser-js": { + "version": "0.7.26", + "resolved": "https://registry.npmjs.org/ua-parser-js/-/ua-parser-js-0.7.26.tgz", + "integrity": "sha512-VwIvGlFNmpKbjzRt51jpbbFTrKIEgGHxIwA8Y69K1Bqc6bTIV7TaGGABOkghSFQWsLmcRB4drGvpfv9z2szqoQ==" + }, "uglify-js": { "version": "3.13.2", "resolved": "https://registry.npmjs.org/uglify-js/-/uglify-js-3.13.2.tgz", diff --git a/package.json b/package.json index 5a6d592..133a40f 100644 --- a/package.json +++ b/package.json @@ -11,6 +11,7 @@ "react-bootstrap": "^1.5.2", "react-bootstrap-carousel": "^4.1.1", "react-dom": "^17.0.2", + "react-google-maps": "^9.4.5", "react-scripts": "4.0.3", "web-vitals": "^1.1.1" }, diff --git a/public/home-solid.svg b/public/home-solid.svg new file mode 100644 index 0000000..5b996f1 --- /dev/null +++ b/public/home-solid.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/home.svg b/public/home.svg new file mode 100644 index 0000000..f82df04 --- /dev/null +++ b/public/home.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/homes-2.svg b/public/homes-2.svg new file mode 100644 index 0000000..20b0053 --- /dev/null +++ b/public/homes-2.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/homes-3.svg b/public/homes-3.svg new file mode 100644 index 0000000..82a9ef8 --- /dev/null +++ b/public/homes-3.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/index.html b/public/index.html index aa069f2..b4f9b91 100644 --- a/public/index.html +++ b/public/index.html @@ -24,6 +24,8 @@ work correctly both with client-side routing and a non-root public URL. Learn how to configure a non-root public URL by running `npm run build`. --> + + React App diff --git a/src/App.js b/src/App.js index 7cc58df..28bd195 100644 --- a/src/App.js +++ b/src/App.js @@ -1,4 +1,6 @@ import { Component } from "react"; +import ListingsPage from "./listings-page/ListingsPage"; + class App extends Component { render() { @@ -9,19 +11,9 @@ class App extends Component {

Real Website loading.......

-

hello everyone

- - - - + + +
); diff --git a/src/listings-page/ListingsPage.css b/src/listings-page/ListingsPage.css new file mode 100644 index 0000000..80ebdc9 --- /dev/null +++ b/src/listings-page/ListingsPage.css @@ -0,0 +1,9 @@ +.booking_button{ + text-align: right; +} + +.popup_nums{ + font-size: 40px; + font-weight:bolder; + padding-right: 5%; +}; \ No newline at end of file diff --git a/src/listings-page/ListingsPage.js b/src/listings-page/ListingsPage.js new file mode 100644 index 0000000..8b31b1a --- /dev/null +++ b/src/listings-page/ListingsPage.js @@ -0,0 +1,191 @@ +import React, { useState, useEffect, Component } from "react"; +import { + GoogleMap, + withScriptjs, + withGoogleMap, + Marker, + InfoWindow + } 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); + + + + return ( + + + {listingData.Properties.map(house => ( + + { + setSelectedProperty(house) + }} + + icon={{ + url:"homes-3.svg", + scaledSize: new window.google.maps.Size(50,50) + }} + + + + /> + + + + ))} + + + {selectedProperty && ( + + { + setSelectedProperty(null); + }} + > +
+

{selectedProperty.ADDRESS}

+

{selectedProperty.DESC}

+
+
+ +
+ 1 + 2 + + + +
+ +
+ + + +
+ +
+ + +
+ + +
+ + + )} + + + + + + + + + ); + +} + +const MapWrapped = withScriptjs(withGoogleMap(Map)) + + +class ListingsPage extends Component { + render() { + return ( + +
+ +
+ +

Testing

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

Map here

+ +
+ } + containerElement={
} + mapElement={
} + /> +
+ + + + +
+ +
+ + + + +
+ + +
+ + + + ); + } +} + +export default ListingsPage; diff --git a/src/listings-page/listings-page.test.js b/src/listings-page/ListingsPage.test.js similarity index 83% rename from src/listings-page/listings-page.test.js rename to src/listings-page/ListingsPage.test.js index f43ce73..4f49e33 100644 --- a/src/listings-page/listings-page.test.js +++ b/src/listings-page/ListingsPage.test.js @@ -1,6 +1,6 @@ import React from "react"; import { shallow } from "enzyme"; -import ListingsPage from "./listings-page"; +import ListingsPage from "./ListingsPage"; describe("ListingsPage", () => { test("matches snapshot", () => { diff --git a/src/listings-page/data/house-listings.json b/src/listings-page/data/house-listings.json new file mode 100644 index 0000000..c38853d --- /dev/null +++ b/src/listings-page/data/house-listings.json @@ -0,0 +1,789 @@ +{ + "type": "FeatureCollection", + "crs": { + "type": "name", + "properties": {"name": "urn: ogc: def: crs: OGC: 1.3: CRS84"} + }, + "features": [ + { + "type": "Feature", + "properties": { + "PARK_ID": 960, + "FACILITYID": 28014, + "NAME": "Bearbrook Skateboard Park", + "NAME_FR": "Bearbrook skate park", + "ADDRESS": "8720 Russell Road", + "ADDRESS_FR": "8720, chemin Russell", + "FACILITY_T": "flat", + "FACILITY_1": "flat", + "ACCESSCTRL": "no / non", + "ACCESSIBLE": "no / non", + "OPEN": null, + "NOTES": "Outdoor", + "MODIFIED_D": "2018/01/18", + "CREATED_DA": null, + "FACILITY": "Neighborhood: smaller size facility to service population of 10,000 or less", + "FACILITY_F": "Neighborhood: small facility providing services to 10,000 residents or less.", + "DESCRIPTIO": "Flat asphalt surface, 5 components", + "DESCRIPT_1": "Flat asphalt surface, 5 modules", + "PICTURE_LI": null, + "PICTURE_DE": null, + "PICTURE__1": null + }, + "geometry": { + "type": "Point", + "coordinates": [-75.3372987731628, 45.383321536272049] + } + }, + { + "type": "Feature", + "properties": { + "PARK_ID": 1219, + "FACILITYID": 28001, + "NAME": "Bob MacQuarrie Skateboard Park (SK8 Extreme Park)", + "NAME_FR": "Bob-MacQuarrie Skate Park (SK8 Extreme Park)", + "ADDRESS": "1490 Youville Drive", + "ADDRESS_FR": "1490, promenade Youville", + "FACILITY_T": "other", + "FACILITY_1": "other", + "ACCESSCTRL": "no / non", + "ACCESSIBLE": "no / non", + "OPEN": null, + "NOTES": "Outdoor", + "MODIFIED_D": "2018/01/18", + "CREATED_DA": null, + "FACILITY": "Community: mid size facility to service population of 40,000 plus", + "FACILITY_F": "Community: medium-sized facility providing services to 40,000 residents or more.", + "DESCRIPTIO": "Flat asphalt surface, 10 components, City run learn to skateboard programs, City run skateboard camps in summer", + "DESCRIPT_1": "Flat asphalt surface, 10 modules, programs and summer skateboard camps managed by the City", + "PICTURE_LI": null, + "PICTURE_DE": null, + "PICTURE__1": null + }, + "geometry": { + "type": "Point", + "coordinates": [-75.546518086577947, 45.467134581917357] + } + }, + { + "type": "Feature", + "properties": { + "PARK_ID": 1157, + "FACILITYID": 28002, + "NAME": "Walter Baker Skateboard Park", + "NAME_FR": "Walter-Baker skate park", + "ADDRESS": "100 Charlie Rogers Place", + "ADDRESS_FR": "100, place Charlie Rogers", + "FACILITY_T": "bowl", + "FACILITY_1": "bowl", + "ACCESSCTRL": "no / non", + "ACCESSIBLE": "no / non", + "OPEN": null, + "NOTES": "Outdoor", + "MODIFIED_D": "2018/01/18", + "CREATED_DA": null, + "FACILITY": "Community: mid size facility to service population of 40,000 plus", + "FACILITY_F": "Community: medium-sized facility providing services to 40,000 residents or more.", + "DESCRIPTIO": "Concrete bowl, 7,000 sq ft", + "DESCRIPT_1": "Concrete bowl, 7,000 sq. Ft.", + "PICTURE_LI": null, + "PICTURE_DE": null, + "PICTURE__1": null + }, + "geometry": { + "type": "Point", + "coordinates": [-75.898610599532319, 45.295014379864874] + } + }, + { + "type": "Feature", + "properties": { + "PARK_ID": 9, + "FACILITYID": 28006, + "NAME": "Roving Skateboard Park Location", + "NAME_FR": "Location of an itinerant skate park", + "ADDRESS": "2785 8th Line Road", + "ADDRESS_FR": "2785, chemin 8th Line", + "FACILITY_T": "other", + "FACILITY_1": "other", + "ACCESSCTRL": "no / non", + "ACCESSIBLE": "no / non", + "OPEN": null, + "NOTES": "Outdoor - Mobile", + "MODIFIED_D": "2018/01/18", + "CREATED_DA": null, + "FACILITY": "Metcalfe Community Center - Roving Skateboard Park Location", + "FACILITY_F": "Metcalfe Community Center - Itinerant skate park site", + "DESCRIPTIO": "Flat surface, 5 components", + "DESCRIPT_1": "Flat surface, 5 modules", + "PICTURE_LI": null, + "PICTURE_DE": null, + "PICTURE__1": null + }, + "geometry": { + "type": "Point", + "coordinates": [-75.468561642270757, 45.23032561834377] + } + }, + { + "type": "Feature", + "properties": { + "PARK_ID": 1160, + "FACILITYID": 28007, + "NAME": "Roving Skateboard Park Location", + "NAME_FR": "Location of an itinerant skate park", + "ADDRESS": "10 Warner Colpitts Lane", + "ADDRESS_FR": "10, ruelle Warner Colpitts", + "FACILITY_T": "flat", + "FACILITY_1": "flat", + "ACCESSCTRL": "yes / oui", + "ACCESSIBLE": "no / non", + "OPEN": null, + "NOTES": "Indoor - Summer", + "MODIFIED_D": "2018/03/07", + "CREATED_DA": null, + "FACILITY": "Johnny Leroux Stittsville Community Arena - Roving Skateboard Park Location", + "FACILITY_F": "Stittsville Johnny-Leroux community arena - Itinerant skate park site", + "DESCRIPTIO": "Flat surface, 5 components", + "DESCRIPT_1": "Flat surface, 5 modules", + "PICTURE_LI": null, + "PICTURE_DE": null, + "PICTURE__1": null + }, + "geometry": { + "type": "Point", + "coordinates": [-75.926651366520872, 45.260659774950561] + } + }, + { + "type": "Feature", + "properties": { + "PARK_ID": 1693, + "FACILITYID": 28016, + "NAME": "Legacy Skateboard Park", + "NAME_FR": "Skatepark Legacy", + "ADDRESS": "101 Centrepointe Drive", + "ADDRESS_FR": "101, promenade Centrepointe", + "FACILITY_T": "bowl", + "FACILITY_1": "bowl", + "ACCESSCTRL": "no / non", + "ACCESSIBLE": "no / non", + "OPEN": null, + "NOTES": "Outdoor", + "MODIFIED_D": "2018/01/18", + "CREATED_DA": null, + "FACILITY": "District: larger facility to service population of 100,000 plus", + "FACILITY_F": "District: large facility providing services to 100,000 or more residents.", + "DESCRIPTIO": "Large concrete bowl, many street and vertical components, 17,000 sq ft", + "DESCRIPT_1": "Large concrete bowl, street modules and vertical modules, 17,000 ft2", + "PICTURE_LI": null, + "PICTURE_DE": null, + "PICTURE__1": null + }, + "geometry": { + "type": "Point", + "coordinates": [-75.760933332842754, 45.345566668964558] + } + }, + { + "type": "Feature", + "properties": { + "PARK_ID": 1717, + "FACILITYID": 28018, + "NAME": "Greenboro Skateboard Park", + "NAME_FR": "Greenboro skate park", + "ADDRESS": "3142 Conroy Road", + "ADDRESS_FR": "3142, chemin Conroy", + "FACILITY_T": "flat", + "FACILITY_1": "flat", + "ACCESSCTRL": "no / non", + "ACCESSIBLE": "no / non", + "OPEN": null, + "NOTES": "Outdoor", + "MODIFIED_D": "2018/01/18", + "CREATED_DA": null, + "FACILITY": "Neighborhood: smaller size facility to service population of 10,000 or less", + "FACILITY_F": "Neighborhood: small facility providing services to 10,000 residents or less.", + "DESCRIPTIO": "Flat asphalt surface, 5 components", + "DESCRIPT_1": "Flat asphalt surface, 5 modules", + "PICTURE_LI": null, + "PICTURE_DE": null, + "PICTURE__1": null + }, + "geometry": { + "type": "Point", + "coordinates": [-75.625996131485707, 45.375401587496128] + } + }, + { + "type": "Feature", + "properties": { + "PARK_ID": 137, + "FACILITYID": 28019, + "NAME": "Bridlewood Skateboard Park", + "NAME_FR": "Bridlewood skate park", + "ADDRESS": "65 Stonehaven Drive", + "ADDRESS_FR": "65 Stonehaven Drive", + "FACILITY_T": "flat", + "FACILITY_1": "flat", + "ACCESSCTRL": "no / non", + "ACCESSIBLE": "no / non", + "OPEN": null, + "NOTES": "Outdoor", + "MODIFIED_D": "2018/01/18", + "CREATED_DA": null, + "FACILITY": "Neighborhood: smaller size facility to service population of 10,000 or less", + "FACILITY_F": "Neighborhood: small facility providing services to 10,000 residents or less.", + "DESCRIPTIO": "Flat asphalt surface, 5 components", + "DESCRIPT_1": "Flat asphalt surface, 5 modules", + "PICTURE_LI": null, + "PICTURE_DE": null, + "PICTURE__1": null + }, + "geometry": { + "type": "Point", + "coordinates": [-75.857009812435976, 45.290758029776626] + } + }, + { + "type": "Feature", + "properties": { + "PARK_ID": 1133, + "FACILITYID": 28020, + "NAME": "Roving Skateboard Park Location", + "NAME_FR": "Location of an itinerant skate park", + "ADDRESS": "100 Clifford Campbell Street", + "ADDRESS_FR": "100, rue Clifford-Campbell", + "FACILITY_T": "flat", + "FACILITY_1": "flat", + "ACCESSCTRL": "no / non", + "ACCESSIBLE": "no / non", + "OPEN": null, + "NOTES": "Outdoor", + "MODIFIED_D": "2018/01/18", + "CREATED_DA": null, + "FACILITY": "Fitzroy Harbor Community Center - Roving Skateboard Park Location", + "FACILITY_F": "Fitzroy Harbor Community Center - Itinerant skate park site", + "DESCRIPTIO": "Flat surface, 5 components", + "DESCRIPT_1": "Flat surface, 5 modules", + "PICTURE_LI": null, + "PICTURE_DE": null, + "PICTURE__1": null + }, + "geometry": { + "type": "Point", + "coordinates": [-76.206087708136721, 45.470459866077654] + } + }, + { + "type": "Feature", + "properties": { + "PARK_ID": 657, + "FACILITYID": 28000, + "NAME": "Roving Skateboard Park Location", + "NAME_FR": "Location of an itinerant skate park", + "ADDRESS": "110 Malvern Drive", + "ADDRESS_FR": "110, promenade Malvern", + "FACILITY_T": "flat", + "FACILITY_1": "flat", + "ACCESSCTRL": "no / non", + "ACCESSIBLE": "no / non", + "OPEN": null, + "NOTES": "Outdoor", + "MODIFIED_D": "2018/01/18", + "CREATED_DA": null, + "FACILITY": "Walter Baker Sports Center - Roving Skateboard Park Location", + "FACILITY_F": "Walter-Baker Sports Center - Itinerant skate park site", + "DESCRIPTIO": "Flat surface, 5 components", + "DESCRIPT_1": "Flat surface, 5 modules", + "PICTURE_LI": null, + "PICTURE_DE": null, + "PICTURE__1": null + }, + "geometry": { + "type": "Point", + "coordinates": [-75.760235255689508, 45.280622216516925] + } + }, + { + "type": "Feature", + "properties": { + "PARK_ID": 653, + "FACILITYID": 28008, + "NAME": "Roving Skateboard Park Location", + "NAME_FR": "Location of an itinerant skate park", + "ADDRESS": "5660 Osgoode Main Street", + "ADDRESS_FR": "5660, rue Osgoode Main", + "FACILITY_T": "other", + "FACILITY_1": "other", + "ACCESSCTRL": "no / non", + "ACCESSIBLE": "no / non", + "OPEN": null, + "NOTES": "Outdoor - Mobile", + "MODIFIED_D": "2018/01/18", + "CREATED_DA": null, + "FACILITY": "Osgoode Community Center - Roving Skateboard Park Location", + "FACILITY_F": "Osgoode Community Center - Itinerant skate park site", + "DESCRIPTIO": "Flat surface, 5 components", + "DESCRIPT_1": "Flat surface, 5 modules", + "PICTURE_LI": null, + "PICTURE_DE": null, + "PICTURE__1": null + }, + "geometry": { + "type": "Point", + "coordinates": [-75.60118478829267, 45.147641950106689] + } + }, + { + "type": "Feature", + "properties": { + "PARK_ID": 812, + "FACILITYID": 35050, + "NAME": "Charlie Bowins Skateboard Park", + "NAME_FR": "Charlie-Bowins skate park", + "ADDRESS": "435 Bronson Avenue", + "ADDRESS_FR": "435, avenue Bronson", + "FACILITY_T": "bowl", + "FACILITY_1": "bowl", + "ACCESSCTRL": "no / non", + "ACCESSIBLE": "no / non", + "OPEN": null, + "NOTES": "Outdoor (Commemoratively named Charlie Bowins Skateboard Park on June 10, 2015)", + "MODIFIED_D": "2018/01/18", + "CREATED_DA": "2015/05/20", + "FACILITY": "District: larger facility to service population of 100,000 plus", + "FACILITY_F": "District: large facility providing services to 100,000 or more residents.", + "DESCRIPTIO": "Flat concrete surface, 10 plus components (large half pipe), City run learn to skateboard programs, City run skateboard camps in summer", + "DESCRIPT_1": "Flat concrete surface, 10 or more modules (large halfpipe), summer skateboard programs and camps managed by the City", + "PICTURE_LI": null, + "PICTURE_DE": null, + "PICTURE__1": null + }, + "geometry": { + "type": "Point", + "coordinates": [-75.703622500360268, 45.408488357092367] + } + }, + { + "type": "Feature", + "properties": { + "PARK_ID": 2457, + "FACILITYID": 35637, + "NAME": "Diamond Jubilee Skateboard Park", + "NAME_FR": "Diamond Jubilee Skate Park", + "ADDRESS": "2810 Findlay Creek Drive", + "ADDRESS_FR": "2810 Findlay Creek Drive", + "FACILITY_T": "flat", + "FACILITY_1": "flat", + "ACCESSCTRL": "no / non", + "ACCESSIBLE": "yes / oui", + "OPEN": null, + "NOTES": "Outdoor", + "MODIFIED_D": "2017/07/11", + "CREATED_DA": "2016/06/22", + "FACILITY": "Neighborhood: smaller size facility to service population of 10,000 or less", + "FACILITY_F": "Neighborhood: small facility providing services to 10,000 residents or less.", + "DESCRIPTIO": "Flat asphalt surface, 5 components", + "DESCRIPT_1": "Flat asphalt surface, 5 modules", + "PICTURE_LI": null, + "PICTURE_DE": null, + "PICTURE__1": null + }, + "geometry": { + "type": "Point", + "coordinates": [-75.609516309730921, 45.314086718258636] + } + }, + { + "type": "Feature", + "properties": { + "PARK_ID": 430, + "FACILITYID": 28005, + "NAME": "Blackburn Skateboard Park", + "NAME_FR": "Blackburn skate park", + "ADDRESS": "190 Glen Park Drive", + "ADDRESS_FR": "190 Glen Park Drive", + "FACILITY_T": "flat", + "FACILITY_1": "flat", + "ACCESSCTRL": "no / non", + "ACCESSIBLE": "no / non", + "OPEN": null, + "NOTES": "Outdoor", + "MODIFIED_D": "2018/01/18", + "CREATED_DA": null, + "FACILITY": "Neighborhood: smaller size facility to service population of 10,000 or less", + "FACILITY_F": "Neighborhood: small facility providing services to 10,000 residents or less.", + "DESCRIPTIO": "Flat asphalt surface, 5 components", + "DESCRIPT_1": "Flat asphalt surface, 5 modules", + "PICTURE_LI": null, + "PICTURE_DE": null, + "PICTURE__1": null + }, + "geometry": { + "type": "Point", + "coordinates": [-75.562796920677627, 45.429643413219814] + } + }, + { + "type": "Feature", + "properties": { + "PARK_ID": 989, + "FACILITYID": 28017, + "NAME": "Goulbourn Skateboard Park", + "NAME_FR": "Planchodrome Goulbourn", + "ADDRESS": "1500 Shea Road", + "ADDRESS_FR": "1500, chemin Shea", + "FACILITY_T": "flat", + "FACILITY_1": "flat", + "ACCESSCTRL": "no / non", + "ACCESSIBLE": "no / non", + "OPEN": null, + "NOTES": "Outdoor", + "MODIFIED_D": "2018/01/18", + "CREATED_DA": null, + "FACILITY": "Neighborhood: smaller size facility to service population of 10,000 or less", + "FACILITY_F": "Neighborhood: small facility providing services to 10,000 residents or less.", + "DESCRIPTIO": "Flat asphalt surface, 6 components", + "DESCRIPT_1": "Flat asphalt surface, 6 modules", + "PICTURE_LI": null, + "PICTURE_DE": null, + "PICTURE__1": null + }, + "geometry": { + "type": "Point", + "coordinates": [-75.907108695123526, 45.26222860981953] + } + }, + { + "type": "Feature", + "properties": { + "PARK_ID": 1334, + "FACILITYID": 28011, + "NAME": "Constance Bay Skateboard Park", + "NAME_FR": "Constance Bay skate park", + "ADDRESS": "262 Len Purcell Drive", + "ADDRESS_FR": "262, Len-Purcell promenade", + "FACILITY_T": "other", + "FACILITY_1": "other", + "ACCESSCTRL": "no / non", + "ACCESSIBLE": "no / non", + "OPEN": null, + "NOTES": "Outdoor", + "MODIFIED_D": "2018/01/18", + "CREATED_DA": null, + "FACILITY": "Neighborhood: smaller size facility to service population of 10,000 or less", + "FACILITY_F": "Neighborhood: small facility providing services to 10,000 residents or less.", + "DESCRIPTIO": "Flat asphalt surface, 5 components", + "DESCRIPT_1": "Flat asphalt surface, 5 modules", + "PICTURE_LI": null, + "PICTURE_DE": null, + "PICTURE__1": null + }, + "geometry": { + "type": "Point", + "coordinates": [-76.09244957349965, 45.499050061534312] + } + }, + { + "type": "Feature", + "properties": { + "PARK_ID": 923, + "FACILITYID": 28013, + "NAME": "Roving Skateboard Park Location", + "NAME_FR": "Location of an itinerant skate park", + "ADDRESS": "334 River Road", + "ADDRESS_FR": "334, chemin River", + "FACILITY_T": "flat", + "FACILITY_1": "flat", + "ACCESSCTRL": "no / non", + "ACCESSIBLE": "no / non", + "OPEN": null, + "NOTES": "Outdoor", + "MODIFIED_D": "2018/01/18", + "CREATED_DA": null, + "FACILITY": "Eccolands Park - Roving Skateboard Park Location", + "FACILITY_F": "Parc Eccolands - Location of an itinerant skate park", + "DESCRIPTIO": "Flat surface, 5 components", + "DESCRIPT_1": "Flat surface, 5 modules", + "PICTURE_LI": null, + "PICTURE_DE": null, + "PICTURE__1": null + }, + "geometry": { + "type": "Point", + "coordinates": [-75.695392300925718, 45.315355581248873] + } + }, + { + "type": "Feature", + "properties": { + "PARK_ID": 762, + "FACILITYID": 28004, + "NAME": "Trillium Park Skateboard Park", + "NAME_FR": "Park Trillium skate park", + "ADDRESS": "2030 Ogilvie Road", + "ADDRESS_FR": "2030, chemin Ogilvie", + "FACILITY_T": "flat", + "FACILITY_1": "flat", + "ACCESSCTRL": "no / non", + "ACCESSIBLE": "no / non", + "OPEN": null, + "NOTES": "Outdoor", + "MODIFIED_D": "2018/01/18", + "CREATED_DA": null, + "FACILITY": "Neighborhood: smaller size facility to service population of 10,000 or less", + "FACILITY_F": "Neighborhood: small facility providing services to 10,000 residents or less.", + "DESCRIPTIO": "Flat asphalt surface, 5 components", + "DESCRIPT_1": "Flat asphalt surface, 5 modules", + "PICTURE_LI": null, + "PICTURE_DE": null, + "PICTURE__1": null + }, + "geometry": { + "type": "Point", + "coordinates": [-75.601158413850058, 45.436441777242031] + } + }, + { + "type": "Feature", + "properties": { + "PARK_ID": 52, + "FACILITYID": 35120, + "NAME": "Lansdowne Skateboard Park", + "NAME_FR": "Lansdowne Skate Park", + "ADDRESS": "450 Queen Elizabeth Driveway", + "ADDRESS_FR": "450 Queen Elizabeth Drive", + "FACILITY_T": "flat", + "FACILITY_1": "flat", + "ACCESSCTRL": "no / non", + "ACCESSIBLE": "yes / oui", + "OPEN": null, + "NOTES": "Outdoor", + "MODIFIED_D": "2017/07/11", + "CREATED_DA": "2015/09/23", + "FACILITY": "A series of skateboard ramps ideally suited to beginners.", + "FACILITY_F": "A series of ramps suitable for beginners.", + "DESCRIPTIO": "Flat asphalt surface", + "DESCRIPT_1": "Flat asphalt surface", + "PICTURE_LI": null, + "PICTURE_DE": null, + "PICTURE__1": null + }, + "geometry": { + "type": "Point", + "coordinates": [-75.681193500335723, 45.400372622455215] + } + }, + { + "type": "Feature", + "properties": { + "PARK_ID": 2488, + "FACILITYID": 35815, + "NAME": "Greely Village Skateboard Park", + "NAME_FR": "Planchodrome Greely Village", + "ADDRESS": "7292 Parkway Road", + "ADDRESS_FR": "7292, chemin Parkway", + "FACILITY_T": "other", + "FACILITY_1": "other", + "ACCESSCTRL": "no / non", + "ACCESSIBLE": "yes / oui", + "OPEN": null, + "NOTES": "Outdoor", + "MODIFIED_D": "2018/01/04", + "CREATED_DA": "2017/04/28", + "FACILITY": "Neighborhood: smaller size facility to service population of 10,000 or less", + "FACILITY_F": "Neighborhood: small facility providing services to 10,000 residents or less.", + "DESCRIPTIO": "Flat concrete surface, 5 components", + "DESCRIPT_1": "Flat concrete surface, 5 modules", + "PICTURE_LI": null, + "PICTURE_DE": null, + "PICTURE__1": null + }, + "geometry": { + "type": "Point", + "coordinates": [-75.553065849890629, 45.265433081236672] + } + }, + { + "type": "Feature", + "properties": { + "PARK_ID": 330, + "FACILITYID": 28003, + "NAME": "Manotick Skateboard Park", + "NAME_FR": "Planchodrome Manotick", + "ADDRESS": "5572 Doctor Leach Drive", + "ADDRESS_FR": "5572, Doctor-Leach promenade", + "FACILITY_T": "flat", + "FACILITY_1": "flat", + "ACCESSCTRL": "yes / oui", + "ACCESSIBLE": "no / non", + "OPEN": null, + "NOTES": "Outdoor - Joined with basketball", + "MODIFIED_D": "2018/01/18", + "CREATED_DA": null, + "FACILITY": "Community: mid size facility to service population of 40,000 plus", + "FACILITY_F": "Community: medium-sized facility providing services to 40,000 residents or more.", + "DESCRIPTIO": "Flat asphalt surface, 8 components", + "DESCRIPT_1": "Flat asphalt surface, 8 modules", + "PICTURE_LI": null, + "PICTURE_DE": null, + "PICTURE__1": null + }, + "geometry": { + "type": "Point", + "coordinates": [-75.686746214582783, 45.22266136322127] + } + }, + { + "type": "Feature", + "properties": { + "PARK_ID": 693, + "FACILITYID": 28010, + "NAME": "Roving Skateboard Park Location", + "NAME_FR": "Location of an itinerant skate park", + "ADDRESS": "1448 Meadow Drive", + "ADDRESS_FR": "1448 Meadow Drive", + "FACILITY_T": "other", + "FACILITY_1": "other", + "ACCESSCTRL": "no / non", + "ACCESSIBLE": "no / non", + "OPEN": null, + "NOTES": "Outdoor - Mobile", + "MODIFIED_D": "2018/01/18", + "CREATED_DA": null, + "FACILITY": "Andy Shields Park - Roving Skateboard Park Location", + "FACILITY_F": "Andy-Shields Park - Location of an itinerant skate park", + "DESCRIPTIO": "Flat surface, 5 components", + "DESCRIPT_1": "Flat surface, 5 modules", + "PICTURE_LI": null, + "PICTURE_DE": null, + "PICTURE__1": null + }, + "geometry": { + "type": "Point", + "coordinates": [-75.556978502821494, 45.261353985880973] + } + }, + { + "type": "Feature", + "properties": { + "PARK_ID": 2544, + "FACILITYID": 35667, + "NAME": "Berrigan Skateboard Park", + "NAME_FR": "Planchodrome Berrigan", + "ADDRESS": "51 Berrigan Drive", + "ADDRESS_FR": "51, promenade Berrigan", + "FACILITY_T": "flat", + "FACILITY_1": "flat", + "ACCESSCTRL": "no / non", + "ACCESSIBLE": "no / non", + "OPEN": null, + "NOTES": "Outdoor", + "MODIFIED_D": "2018/02/27", + "CREATED_DA": "2016/06/27", + "FACILITY": "Community: mid size facility to service population of 40,000 plus", + "FACILITY_F": "Community: medium-sized facility providing services to 40,000 residents or more.", + "DESCRIPTIO": "Flat concrete surface, 10 plus components", + "DESCRIPT_1": "Flat concrete surface, 10 or more modules", + "PICTURE_LI": null, + "PICTURE_DE": null, + "PICTURE__1": null + }, + "geometry": { + "type": "Point", + "coordinates": [-75.747348794023239, 45.275696004260205] + } + }, + { + "type": "Feature", + "properties": { + "PARK_ID": 2599, + "FACILITYID": 49251, + "NAME": "Eugène Martineau Skateboard Park", + "NAME_FR": "Planchodrome Eugène-Martineau", + "ADDRESS": "710 Mikinak Road", + "ADDRESS_FR": "710, chemin Mikinak", + "FACILITY_T": "flat", + "FACILITY_1": "flat", + "ACCESSCTRL": "no / non", + "ACCESSIBLE": "yes / oui", + "OPEN": null, + "NOTES": "Outdoor", + "MODIFIED_D": "2018/11/29", + "CREATED_DA": "2018/11/29", + "FACILITY": "Neighborhood: smaller size facility to service population of 10,000 or less", + "FACILITY_F": "Neighborhood: small facility providing services to 10,000 residents or less.", + "DESCRIPTIO": "Flat surface, 5 components", + "DESCRIPT_1": "Flat surface, 5 modules", + "PICTURE_LI": null, + "PICTURE_DE": null, + "PICTURE__1": null + }, + "geometry": { + "type": "Point", + "coordinates": [-75.632030968141081, 45.450696284941976] + } + }, + { + "type": "Feature", + "properties": { + "PARK_ID": 2278, + "FACILITYID": 49211, + "NAME": "Vista Skateboard Park", + "NAME_FR": "Planchodrome Vista", + "ADDRESS": "720 Vistapark Drive", + "ADDRESS_FR": "720, Vistapark promenade", + "FACILITY_T": "flat", + "FACILITY_1": "flat", + "ACCESSCTRL": "no / non", + "ACCESSIBLE": "yes / oui", + "OPEN": null, + "NOTES": "Outdoor", + "MODIFIED_D": "2018/11/29", + "CREATED_DA": "2018/06/22", + "FACILITY": "Neighborhood: smaller size facility to service population of 10,000 or less", + "FACILITY_F": "Neighborhood: small facility providing services to 10,000 residents or less.", + "DESCRIPTIO": "Flat surface, 5 components", + "DESCRIPT_1": "Flat surface, 5 modules", + "PICTURE_LI": null, + "PICTURE_DE": null, + "PICTURE__1": null + }, + "geometry": { + "type": "Point", + "coordinates": [-75.471003922143311, 45.450391044010431] + } + }, + { + "type": "Feature", + "properties": { + "PARK_ID": 2113, + "FACILITYID": 35299, + "NAME": "Innovation Skateboard Park", + "NAME_FR": "Planchomdrome Innovation", + "ADDRESS": "4101 Innovation Drive", + "ADDRESS_FR": "4101, promenade Innovation", + "FACILITY_T": "bowl", + "FACILITY_1": "bowl", + "ACCESSCTRL": "no / non", + "ACCESSIBLE": "yes / oui", + "OPEN": null, + "NOTES": "Outdoor", + "MODIFIED_D": "2017/07/11", + "CREATED_DA": "2016/02/08", + "FACILITY": "District: larger facility to service population of 100,000 plus", + "FACILITY_F": "District: large facility providing services to 100,000 or more residents.", + "DESCRIPTIO": "Large concrete bowl, 10 plus components, many street and vertical components", + "DESCRIPT_1": "Large concrete bowl, 10 or more modules, street modules and vertical modules", + "PICTURE_LI": null, + "PICTURE_DE": null, + "PICTURE__1": null + }, + "geometry": { + "type": "Point", + "coordinates": [-75.931122879767898, 45.34125624499935] + } + } + ] + } \ No newline at end of file diff --git a/src/listings-page/data/property-data.json b/src/listings-page/data/property-data.json new file mode 100644 index 0000000..d6451e9 --- /dev/null +++ b/src/listings-page/data/property-data.json @@ -0,0 +1,83 @@ +{ + "Properties": [ + + + { + "LISTING_ID": 1, + "ADDRESS": "8720 Russell Road", + "PRICE": "$500000", + "IMAGES":[ + + ], + "AVAILABLE_AGENTS":[ + + ], + "DESC":"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui.", + + "FOR_SALE": true, + "coordinates": [-75.3372987731628, 45.383321536272049] + + }, + + + { + + "LISTING_ID": 2, + "ADDRESS": "1490 Youville Drive", + "PRICE": "$500000", + "IMAGES":[ + + ], + "AVAILABLE_AGENTS":[ + + ], + "DESC":"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui.", + "FOR_SALE": true, + "coordinates": [-75.546518086577947, 45.467134581917357] + + + + + }, + + { + + "LISTING_ID": 3, + "ADDRESS": "100 Charlie Rogers Place", + "PRICE": "$500000", + "IMAGES":[ + + ], + "AVAILABLE_AGENTS":[ + + ], + "DESC":"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui.", + + "FOR_SALE": true, + "coordinates": [-75.898610599532319, 45.295014379864874] + + + + + }, + + { + + "LISTING_ID": 4, + "ADDRESS": "2785 8th Line Road", + "PRICE": "$500000", + "IMAGES":[ + + ], + "AVAILABLE_AGENTS":[ + + ], + "DESC":"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui.", + + "FOR_SALE": true, + "coordinates": [-75.468561642270757, 45.23032561834377] + + } + ] + +} diff --git a/src/listings-page/listings-page.css b/src/listings-page/listings-page.css deleted file mode 100644 index e69de29..0000000 diff --git a/src/listings-page/listings-page.js b/src/listings-page/listings-page.js deleted file mode 100644 index 0290527..0000000 --- a/src/listings-page/listings-page.js +++ /dev/null @@ -1,9 +0,0 @@ -import React, { Component } from "react"; - -class ListingsPage extends Component { - render() { - return
ListingsPage
; - } -} - -export default ListingsPage; diff --git a/src/listings-page/mapStyles.js b/src/listings-page/mapStyles.js new file mode 100644 index 0000000..84d724c --- /dev/null +++ b/src/listings-page/mapStyles.js @@ -0,0 +1,267 @@ +export default [ + { + "featureType": "all", + "elementType": "labels", + "stylers": [ + { + "visibility": "off" + } + ] + }, + { + "featureType": "administrative", + "elementType": "all", + "stylers": [ + { + "visibility": "off" + }, + { + "color": "#efebe2" + } + ] + }, + { + "featureType": "administrative", + "elementType": "labels.text", + "stylers": [ + { + "visibility": "on" + }, + { + "color": "#333333" + } + ] + }, + { + "featureType": "administrative", + "elementType": "labels.text.stroke", + "stylers": [ + { + "visibility": "off" + }, + { + "color": "#f2f1f1" + } + ] + }, + { + "featureType": "administrative.province", + "elementType": "labels.text.fill", + "stylers": [ + { + "color": "#ba7828" + } + ] + }, + { + "featureType": "landscape", + "elementType": "all", + "stylers": [ + { + "color": "#efebe2" + } + ] + }, + { + "featureType": "landscape", + "elementType": "geometry", + "stylers": [ + { + "visibility": "simplified" + }, + { + "color": "#fbf7eb" + } + ] + }, + { + "featureType": "landscape", + "elementType": "geometry.stroke", + "stylers": [ + { + "color": "#bec1c1" + } + ] + }, + { + "featureType": "landscape", + "elementType": "labels.text.stroke", + "stylers": [ + { + "color": "#c3c3c3" + } + ] + }, + { + "featureType": "poi", + "elementType": "all", + "stylers": [ + { + "color": "#e2e1df" + } + ] + }, + { + "featureType": "poi.attraction", + "elementType": "all", + "stylers": [ + { + "color": "#efebe2" + } + ] + }, + { + "featureType": "poi.business", + "elementType": "all", + "stylers": [ + { + "color": "#efebe2" + } + ] + }, + { + "featureType": "poi.government", + "elementType": "all", + "stylers": [ + { + "color": "#dfdcd5" + } + ] + }, + { + "featureType": "poi.medical", + "elementType": "all", + "stylers": [ + { + "color": "#dfdcd5" + } + ] + }, + { + "featureType": "poi.park", + "elementType": "all", + "stylers": [ + { + "color": "#aceac5" + } + ] + }, + { + "featureType": "poi.place_of_worship", + "elementType": "all", + "stylers": [ + { + "color": "#efebe2" + } + ] + }, + { + "featureType": "poi.school", + "elementType": "all", + "stylers": [ + { + "color": "#efebe2" + } + ] + }, + { + "featureType": "poi.sports_complex", + "elementType": "all", + "stylers": [ + { + "color": "#efebe2" + } + ] + }, + { + "featureType": "road.highway", + "elementType": "geometry.fill", + "stylers": [ + { + "color": "#dad5c4" + } + ] + }, + { + "featureType": "road.highway", + "elementType": "geometry.stroke", + "stylers": [ + { + "visibility": "off" + } + ] + }, + { + "featureType": "road.arterial", + "elementType": "geometry.fill", + "stylers": [ + { + "color": "#ffffff" + } + ] + }, + { + "featureType": "road.arterial", + "elementType": "geometry.stroke", + "stylers": [ + { + "visibility": "off" + } + ] + }, + { + "featureType": "road.local", + "elementType": "geometry.fill", + "stylers": [ + { + "color": "#fbfbfb" + } + ] + }, + { + "featureType": "road.local", + "elementType": "geometry.stroke", + "stylers": [ + { + "visibility": "off" + } + ] + }, + { + "featureType": "transit", + "elementType": "all", + "stylers": [ + { + "visibility": "on" + }, + { + "saturation": "21" + }, + { + "gamma": "1.34" + }, + { + "hue": "#ffcc00" + } + ] + }, + { + "featureType": "water", + "elementType": "all", + "stylers": [ + { + "color": "#aad0fc" + } + ] + }, + { + "featureType": "water", + "elementType": "geometry", + "stylers": [ + { + "color": "#aad0fc" + } + ] + } +] + diff --git a/src/listings-page/listing-page/listing-page.css b/src/listings-page/single-listing/listing-page.css similarity index 100% rename from src/listings-page/listing-page/listing-page.css rename to src/listings-page/single-listing/listing-page.css diff --git a/src/listings-page/listing-page/listing-page.js b/src/listings-page/single-listing/listing-page.js similarity index 100% rename from src/listings-page/listing-page/listing-page.js rename to src/listings-page/single-listing/listing-page.js diff --git a/src/listings-page/listing-page/listing-page.test.js b/src/listings-page/single-listing/listing-page.test.js similarity index 100% rename from src/listings-page/listing-page/listing-page.test.js rename to src/listings-page/single-listing/listing-page.test.js