fix marker colors

1 files changed, 11 insertions, 5 deletions

diff --git a/client/map/index.js b/client/map/index.js
index 4b922ec5..a9afe211 100644
--- a/client/map/index.js
+++ b/client/map/index.js
@@ -37,13 +37,19 @@ const redDot = L.icon({
   popupAnchor: [0, -5] // point from which the popup should open relative to the iconAnchor
 })
 
-function addMarker(map, latlng, title, subtext) {
+function addMarker(map, latlng, title, subtext, year) {
   const marker = L.marker(latlng, { icon: redDot }).addTo(map)
-  marker.bindPopup([
+  let message = [
     "<b>", title, "</b>",
+  ]
+  message = message.concat([
     "<br>",
     subtext,
-  ].join(''))
+  ])
+  if (year) {
+    message.push(" (" + year + ")")
+  }
+  marker.bindPopup(message.join(''))
   return marker
 }
 
@@ -86,13 +92,13 @@ export default function append(el, payload) {
     const citationAddress = citation.addresses[0]
     const latlng = [citationAddress.lat, citationAddress.lng].map(n => parseFloat(n))
     if (Number.isNaN(latlng[0]) || Number.isNaN(latlng[1])) return
-    addMarker(map, latlng, citation.title, citationAddress.name)
+    addMarker(map, latlng, citation.title, citationAddress.name, citation.year)
     addArc(map, source, latlng, arcStyles[citationAddress.type])
   })
 
   console.log(paper)
 
-  const rootMarker = addMarker(map, source, paper.title, paper.address)
+  const rootMarker = addMarker(map, source, paper.title, address.name, paper.year)
   rootMarker.openPopup()
 
   // a transparent div to cover the map, so normal scroll events will not be eaten by leaflet