diff --git a/src/components/pages/AmbassadorsPage.js b/src/components/pages/AmbassadorsPage.js index 6a9b9aa..6f38ff1 100644 --- a/src/components/pages/AmbassadorsPage.js +++ b/src/components/pages/AmbassadorsPage.js @@ -138,7 +138,7 @@ class AmbassadorsPage extends Component { searchText: app.addLocationSearchText(ambassador.cities), value: app.addLocation(ambassador.cities) } - ambassador.map = app.addMapButton(ambassador.nickname, ambassador.cities); + ambassador.map = app.addMapButton(ambassador, ambassador.cities); ambassador.link = {stripProtocol(ambassador.url)}; }); @@ -248,11 +248,22 @@ class AmbassadorsPage extends Component { ); } - addMapButton(nickname, cities){ + addMapButton(ambassador, cities){ const app = this; return ( - {cities.map((location, index) => ( + {cities.map((location, index) => { + const infoDescription =
+
Location: {(location.name).replace(/(^|\s)\S/g, l => l.toUpperCase())} - {countries.getName(location.country)}
+ {(ambassador.nickname) && (
Nickname: {ambassador.nickname}
)} + {(ambassador.telegram) && (
Telegram: {ambassador.telegram}
)} + {(ambassador.keybase) && (
Keybase: {ambassador.keybase}
)} + {(ambassador.email) && (
Email: {ambassador.email}
)} + {(ambassador.phone) && (
Phone: {ambassador.phone}
)} + {(ambassador.url) && (
URL:: {stripProtocol(ambassador.url)}
)} +
; + return (
- ))} + );})}
); } @@ -288,12 +299,22 @@ class AmbassadorsPage extends Component { const ambassadorsMarkers = []; ambassadorsSearch.forEach(ambassador => { ambassador.cities.forEach(function(city) { + const infoDescription =
+
Location: {(city.name).replace(/(^|\s)\S/g, l => l.toUpperCase())} - {countries.getName(city.country)}
+ {(ambassador.nickname) && (
Nickname: {ambassador.nickname}
)} + {(ambassador.telegram) && (
Telegram: {ambassador.telegram}
)} + {(ambassador.keybase) && (
Keybase: {ambassador.keybase}
)} + {(ambassador.email) && (
Email: {ambassador.email}
)} + {(ambassador.phone) && (
Phone: {ambassador.phone}
)} + {(ambassador.url) && (
URL:: {stripProtocol(ambassador.url)}
)} +
; const marker = { lat: city.lat, lng: city.lon, withInfo: true, infoTitle: ambassador.nickname, - infoDescription: `${city.name} - ${city.country}`, + infoDescription: infoDescription, }; ambassadorsMarkers.push(marker); }); diff --git a/src/components/pages/MerchantsPage.js b/src/components/pages/MerchantsPage.js index 6fcf1a0..d58891c 100644 --- a/src/components/pages/MerchantsPage.js +++ b/src/components/pages/MerchantsPage.js @@ -10,6 +10,7 @@ import EnhancedTable from '../EnhancedTable'; import Footer from '../Footer'; import LayerMap from '../LayerMap'; import PreviewMap from '../PreviewMap'; +import { stripProtocol } from '../../utils/url'; // Helpers import Client from '../../utils/feathers'; @@ -134,12 +135,22 @@ class MerchantsPage extends Component { const markers = []; result.data.forEach(ambassador => { ambassador.cities.forEach(function(city) { + const infoDescription =
+
Location: {(city.name).replace(/(^|\s)\S/g, l => l.toUpperCase())} - {countries.getName(city.country)}
+ {(ambassador.nickname) && (
Nickname: {ambassador.nickname}
)} + {(ambassador.telegram) && (
Telegram: {ambassador.telegram}
)} + {(ambassador.keybase) && (
Keybase: {ambassador.keybase}
)} + {(ambassador.email) && (
Email: {ambassador.email}
)} + {(ambassador.phone) && (
Phone: {ambassador.phone}
)} + {(ambassador.url) && (
URL:: {stripProtocol(ambassador.url)}
)} +
; const marker = { lat: city.lat, lng: city.lon, withInfo: true, infoTitle: ambassador.nickname, - infoDescription: `${city.name} - ${city.country}`, + infoDescription: infoDescription, }; markers.push(marker); });