From 42cf50ee7521bd751f4d0f0798276e548bb83fee Mon Sep 17 00:00:00 2001
From: Logan Hunt <loganhunt@simponic.xyz>
Date: Wed, 30 Mar 2022 22:15:20 -0600
Subject: Working

---
 client/components/map/legend.jsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

(limited to 'client/components/map/legend.jsx')

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;
-- 
cgit v1.2.3-70-g09d2

