diff options
author | Logan Hunt <loganhunt@simponic.xyz> | 2022-03-30 22:15:20 -0600 |
---|---|---|
committer | Logan Hunt <loganhunt@simponic.xyz> | 2022-03-30 22:15:20 -0600 |
commit | 42cf50ee7521bd751f4d0f0798276e548bb83fee (patch) | |
tree | 5b2e8877a137a9b62ea630cc69135183804131d5 /client/components/map/legend.jsx | |
parent | ae0c829453d4663203887979349047850cb98626 (diff) | |
download | locchat-42cf50ee7521bd751f4d0f0798276e548bb83fee.tar.gz locchat-42cf50ee7521bd751f4d0f0798276e548bb83fee.zip |
Working
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; |