diff options
Diffstat (limited to 'client/components/map/legend.jsx')
-rw-r--r-- | client/components/map/legend.jsx | 3 |
1 files changed, 2 insertions, 1 deletions
diff --git a/client/components/map/legend.jsx b/client/components/map/legend.jsx index ebd199d..14f6536 100644 --- a/client/components/map/legend.jsx +++ b/client/components/map/legend.jsx @@ -2,6 +2,7 @@ import L from 'leaflet'; import { useEffect } from 'react'; import { useLeafletContext } from '@react-leaflet/core'; +/* Legend adapted from https://codesandbox.io/s/how-to-add-a-legend-to-the-map-using-react-leaflet-6yqs5 */ export const Legend = () => { const context = useLeafletContext(); useEffect(() => { @@ -14,7 +15,7 @@ export const Legend = () => { labels.push('<i style="background:black"></i><span>Current position</span>'); labels.push('<i style="background:red"></i><span>Unjoinable</span>'); labels.push('<i style="background:green"></i><span>Joinable</span>'); - labels.push('<i style="background:blue"></i><span>Editable</span>'); + labels.push('<i style="background:blue"></i><span>Editable & Joinable</span>'); div.innerHTML = labels.join('<br>'); return div; |