Update Surge page map with ERUs and Personnel data

[willemarcel]

Contributes to #1965

[batpad]

@willemarcel wow! This seems to work really well for me.

Just couple of minor things:

• Can we make the styling of the dots match the styling used on the home-page map? You will notice the fully opaque centre of the circle is all the same size and then the "scaled" part has some transparency, so it doesn't look like a big opaque dot.

• In the popup, can we make the title of the emergency link to the actual emergency?

Apart from these, it looks really good to me. Will spend some more time testing and going through the code.

When we are testing a branch, we use surge.sh to deploy a testing version of the site (without having to merge to develop). You can do this with:

• yarn build-staging
• yarn deploy-surge

(Instructions are also in the README) - Will be great if you can deploy to a Surge URL and we can ask @anamariaescobar and others to test. (It is better if you do it since then you will also be able to deploy updates).

[willemarcel]

@batpad I've made the modifications you suggested.

@anamariaescobar you can preview the changes in the Surge/Deployments map in https://upbeat-bartik-c5abb7.netlify.app

[batpad]

This is looking great to me, @willemarcel - will just wait for any comments from @anamariaescobar .

[anamariaescobar]

HI @batpad @willemarcel, indeed this also looks great from my side!! Thank you!!

[tovari]

Hi @willemarcel, @batpad. Looks good, but I think, the colors need to be aligned with those on the active operations map:
#ff9e00
#4c5d9b
Thanks!

[willemarcel]

Hi @willemarcel, @batpad. Looks good, but I think, the colors need to be aligned with those on the active operations map:
#ff9e00
#4c5d9b
Thanks!

@tovari I pushed an update with the new map colours and deployed it: https://upbeat-bartik-c5abb7.netlify.app/deployments

[tovari]

Hi @willemarcel, I think the displayed ERUs on the map are filtered by the ERU list pages, i.e. only those are visible that are on the actual page of the list. I could not check this for deployments as there is only 1 page at the moment.
Check USA on the screenshots.
Further issue is that there is no mixed item is displayed on the map (USA should be).
Also, when clicking on page 3, the page breaks.

[willemarcel]

Thanks for reporting the bugs, @tovari. I have already fixed them. You can check on the same URL.

[batpad]

Thanks @willemarcel - am going to go ahead and merge this to develop - we can make any additional fixes as separate branches.