diff --git a/public/mapicons/cage.png b/public/mapicons/cage.png new file mode 100644 index 0000000..de9be45 Binary files /dev/null and b/public/mapicons/cage.png differ diff --git a/public/mapicons/marten-icon.png b/public/mapicons/marten-icon.png new file mode 100644 index 0000000..268b945 Binary files /dev/null and b/public/mapicons/marten-icon.png differ diff --git a/public/mapicons/other-icon.png b/public/mapicons/other-icon.png new file mode 100644 index 0000000..123c810 Binary files /dev/null and b/public/mapicons/other-icon.png differ diff --git a/public/mapicons/paws.png b/public/mapicons/paws.png new file mode 100644 index 0000000..dcf1e98 Binary files /dev/null and b/public/mapicons/paws.png differ diff --git a/public/mapicons/photo-icon.png b/public/mapicons/photo-icon.png new file mode 100644 index 0000000..9fa1422 Binary files /dev/null and b/public/mapicons/photo-icon.png differ diff --git a/public/mapicons/tire-icon.png b/public/mapicons/tire-icon.png new file mode 100644 index 0000000..a2de7ac Binary files /dev/null and b/public/mapicons/tire-icon.png differ diff --git a/src/components/SightingMap.js b/src/components/SightingMap.js index 8b71c07..1e5fdd9 100644 --- a/src/components/SightingMap.js +++ b/src/components/SightingMap.js @@ -212,25 +212,32 @@ export class MapContainer extends Component { * sighting type. */ sightingIcon = (type) => { - let pinIcon + let pinIcon; switch(type) { case 'visual': - pinIcon = 'https://i.postimg.cc/nhYXGQNp/marten-icon.png' - break + pinIcon = '/mapicons/marten-icon.png'; + break; case 'roadkill': - pinIcon = 'https://i.postimg.cc/xdfcx1SH/tire-icon.png' - break + pinIcon = '/mapicons/tire-icon.png'; + break; case 'viewed_tracks': - pinIcon = 'https://i.postimg.cc/7P761WCS/paws.png' - break + pinIcon = '/mapicons/paws.png'; + break; case 'trapped': - pinIcon = 'https://i.postimg.cc/Y9LSsXdK/cage.png' - break + pinIcon = '/mapicons/cage.png'; + break; + case 'photo': + pinIcon = '/mapicons/photo-icon.png' + break; + case 'other': + pinIcon = '/mapicons/other-icon.png' + break; default: break } - return pinIcon + + return pinIcon; } formatDate = date => {