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) && (
)}
+
;
+ 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) && (
)}
+
;
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) && (
)}
+
;
const marker = {
lat: city.lat,
lng: city.lon,
withInfo: true,
infoTitle: ambassador.nickname,
- infoDescription: `${city.name} - ${city.country}`,
+ infoDescription: infoDescription,
};
markers.push(marker);
});