agorise
/
palmpay.mx-website
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add all public info to merchant map pin popup

mx
Letícia Camara 2018-10-18 17:29:27 -03:00
parent 4283544cb2
commit be8e330d4c
2 changed files with 15 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/pages/AmbassadorsPage.js
View File

@ -184,12 +184,16 @@ class AmbassadorsPage extends Component {
});
const markers = result.data.map(merchant => {
const infoDescription = <div>
<div><b>Address</b>: {merchant.address}</div>
{(merchant.phone) && (<div><b>Phone</b>: {merchant.phone}</div>)}
</div>;
const marker = {
lat: merchant.lat,
lng: merchant.lon,
withInfo: true,
infoTitle: merchant.name,
infoDescription: `${merchant.address}, ${merchant.city} - ${merchant.country}`,
infoDescription: infoDescription,
};
return marker;
});

12
src/components/pages/MerchantsPage.js
View File

@ -182,6 +182,10 @@ class MerchantsPage extends Component {
});
result.data.map(merchant => {
const infoDescription = <div>
<div><b>Address</b>: {merchant.address}</div>
{(merchant.phone) && (<div><b>Phone</b>: {merchant.phone}</div>)}
</div>;
merchant.map = <Button
className="App-button"
variant="contained"
@ -191,7 +195,7 @@ class MerchantsPage extends Component {
}}
onClick={() => this.openMaps(
merchant.name,
`${merchant.address}, ${merchant.city} - ${merchant.country}`,
infoDescription,
merchant.lat,
merchant.lon
)}
@ -238,12 +242,16 @@ class MerchantsPage extends Component {
const { ambassadorsMarkers, merchantsSearch } = this.state;
const merchantMarkers = merchantsSearch.map(merchant => {
const infoDescription = <div>
<div><b>Address</b>: {merchant.address}</div>
{(merchant.phone) && (<div><b>Phone</b>: {merchant.phone}</div>)}
</div>;
const marker = {
lat: merchant.lat,
lng: merchant.lon,
withInfo: true,
infoTitle: merchant.name,
infoDescription: `${merchant.address}, ${merchant.city} - ${merchant.country}`,
infoDescription: infoDescription,
};
return marker;
});