313 social farms gardens spring 24 add colour options for data groups - Githubissues

DigitalCommons / land-explorer-front-end

React app for the Land Explorer front end

http://landexplorer.cc

GNU Affero General Public License v3.0

1 stars 0 forks source link

313 social farms gardens spring 24 add colour options for data groups #315

Closed ms0ur1s closed 2 months ago

ms0ur1s commented 3 months ago

What? Why?

Closes #313

Designs from #309 implemented within the UI.

Relevant styles created for markers, pop-ups and toggle
Dynamic styles added based on dataGroup title
Marker icons and copy to icons replaced with font awesome equivalents, allowing the colour to be dictated by styles
Dynamic colours applied to lines a polys using mapbox expressions
Toggle added to datagroup markers
Missing import added so copy to layer function (within pop-up) now works

What should we test?

Toggle the Resilient Green Spaces data layers and check marker, pop-up, line and poly colours.
Check existing map layer functionality (existing map markers, polys not included in RSG etc, and adding new markers etc).

lin-d-hop commented 2 months ago

Testing notes:

Lines, markers and polys render in the correct colour for their allocated data group.
Changing the hex code in the DB changes the colour for the group
The markers/lines/polys + the group toggle + the description box all render in the correct colours
Removing the hex code returns a group to the default colour
Other lines/markers/polys behave as before and as usual
Tried a range of colours to figure out what works and what will not for the UG

Everything appears to work exactly as expected. Great work @ms0ur1s and @rogup!