MAP_LAYERS rectangleColor

Trustroots · Nov 25, 2024 · e2218ef · e2218ef
1 parent e2ca975
commit e2218ef
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 6 deletions.
diff --git a/nr-app/src/components/Map.tsx b/nr-app/src/components/Map.tsx
@@ -48,11 +48,11 @@ const selectEventsForLayers = createSelector(
       (layerKey): [MAP_LAYER_KEY, EventWithMetadata[]] => {
         const layerConfig = MAP_LAYERS[layerKey];
         const filter = filterForMapLayerConfig(layerConfig);
-        console.log('RETLIF', filter);
+        console.log("RETLIF", filter);
         const events = allEvents.filter((event) =>
           matchFilter(filter, event.event),
         );
-        console.log('STNEVE', events);
+        console.log("STNEVE", events);
         return [layerKey, events];
       },
     );
@@ -98,11 +98,12 @@ const NoteMarker = ({
   );
 
   if (typeof plusCode === "undefined" || !isValidPlusCode(plusCode)) {
-    console.warn(
+    console.log(
       "#9k8qKM skipping event with missing / invalid plusCode",
       event,
     );
     console.log(plusCode);
+    console.log("Event tags:", event.event.tags);
     return null;
   }
 
@@ -113,6 +114,7 @@ const NoteMarker = ({
   const url = getEventLinkUrl(event.event, layerConfig);
 
   const pinColor = layerConfig?.markerColor || "red";
+  const rectangleColor = layerConfig?.rectangleColor || "rgba(255,0,0,0.5)";
 
   return (
     <View>
@@ -135,7 +137,7 @@ const NoteMarker = ({
       </Marker>
       <Polygon
         coordinates={rectangleCoordinates}
-        fillColor="rgba(0, 200, 0, 0.5)" // Semi-transparent green
+        fillColor={rectangleColor}
         strokeColor="rgba(0, 0, 0, 0.5)" // Semi-transparent black
         strokeWidth={2}
       />

diff --git a/nr-common/constants.ts b/nr-common/constants.ts
@@ -30,6 +30,7 @@ export type MapLayer = {
   kind: 30399 | 30398 | 30397;
   pubkey: string;
   markerColor: string;
+  rectangleColor: string;
 };
 
 export const MAP_LAYERS = {
@@ -38,21 +39,24 @@ export const MAP_LAYERS = {
     rootUrl: "https://hitchmap.com",
     kind: 30399,
     pubkey: HITCHMAPS_AUTHOR_PUBLIC_KEY,
-    markerColor: "gold",
+    markerColor: "yellow",
+    rectangleColor: "rgba(255, 255, 0, 0.5)",
   } as MapLayer,
   hitchwiki: {
     title: "Hitchwiki",
     rootUrl: "https://hitchwiki.org",
     kind: 30399,
     pubkey: HITCHWIKI_AUTHOR_PUBLIC_KEY,
-    markerColor: "yellow",
+    markerColor: "gold",
+    rectangleColor: "rgba(255, 215, 0, 0.5)",
   } as MapLayer,
   timesafari: {
     title: "Time Safari",
     rootUrl: "https://www.timesafari.app",
     kind: 30399,
     pubkey: TIMESAFARI_AUTHOR_PUBLIC_KEY,
     markerColor: "blue",
+    rectangleColor: "rgba(0, 0, 255, 0.5)",
   } as MapLayer,
   triphopping: {
     title: "Trip Hopping",
@@ -66,6 +70,7 @@ export const MAP_LAYERS = {
     rootUrl: "https://notes.trustroots.org",
     kind: 30397,
     markerColor: "red",
+    rectangleColor: "rgba(255, 0, 0, 0.5)",
   } as MapLayer,
 } as const;
 export type MAP_LAYER_KEY = keyof typeof MAP_LAYERS;