summaryrefslogtreecommitdiff
path: root/client/components/map/legend.jsx
diff options
context:
space:
mode:
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;