summaryrefslogtreecommitdiff
path: root/client/components/map/legend.jsx
diff options
context:
space:
mode:
authorLogan Hunt <loganhunt@simponic.xyz>2022-03-30 22:15:20 -0600
committerLogan Hunt <loganhunt@simponic.xyz>2022-03-30 22:15:20 -0600
commit42cf50ee7521bd751f4d0f0798276e548bb83fee (patch)
tree5b2e8877a137a9b62ea630cc69135183804131d5 /client/components/map/legend.jsx
parentae0c829453d4663203887979349047850cb98626 (diff)
downloadlocchat-42cf50ee7521bd751f4d0f0798276e548bb83fee.tar.gz
locchat-42cf50ee7521bd751f4d0f0798276e548bb83fee.zip
Working
Diffstat (limited to 'client/components/map/legend.jsx')
-rw-r--r--client/components/map/legend.jsx3
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;