feat: Draw Landscape Boundary (Complete Feature) (#475)

* chore: Base branch

* feat: Reused landscape creation boundary options in update boundary (#474)

Co-authored-by: Paul Schreiber <[email protected]>

* feat: Added draw landscape option (#480)

Co-authored-by: Paul Schreiber <[email protected]>

.github/workflows/build.yml

@@ -4,11 +4,11 @@ on:
   push:
     branches:
       - main
-      - feature/explore-landscapes
+      - feature/draw-landscape-boundary
   pull_request:
     branches:
       - main
-      - feature/explore-landscapes
+      - feature/draw-landscape-boundary
 
 jobs:
   lint:

.github/workflows/check-commits.yml

@@ -4,7 +4,7 @@ on:
   pull_request:
     branches:
       - main
-      - feature/explore-landscapes
+      - feature/draw-landscape-boundary
     types:
       - opened
       - edited

.github/workflows/codeql-analysis.yml

@@ -13,10 +13,10 @@ name: "CodeQL"
 
 on:
   push:
-    branches: [ main, feature/explore-landscapes ]
+    branches: [ main, feature/draw-landscape-boundary ]
   pull_request:
     # The branches below must be a subset of the branches above
-    branches: [ main, feature/explore-landscapes ]
+    branches: [ main, feature/draw-landscape-boundary ]
   schedule:
     - cron: '34 6 * * 4'
 

.github/workflows/localization.yml

@@ -4,11 +4,11 @@ on:
   push:
     branches:
       - main
-      - feature/explore-landscapes
+      - feature/draw-landscape-boundary
   pull_request:
     branches:
       - main
-      - feature/explore-landscapes
+      - feature/draw-landscape-boundary
 
 jobs:
   missing-keys:

src/common/components/ExternalLink.js

@@ -0,0 +1,26 @@
+import React from 'react';
+
+import { Link } from '@mui/material';
+
+import { useAnalytics } from 'monitoring/analytics';
+
+// Link for external resources. It handles opening it on a new
+// tab and tracking the analytics event.
+// This is neede because of this plausible issue:
+// https://github.com/plausible/plausible-tracker/issues/12
+const ExternalLink = ({ href, children }) => {
+  const { trackEvent } = useAnalytics();
+  const onClick = event => {
+    window.open(href, '_blank', 'noopener,noreferrer');
+    trackEvent('Outbound Link: Click', { props: { url: href } });
+    event.preventDefault();
+  };
+
+  return (
+    <Link href={href} onClick={onClick}>
+      {children}
+    </Link>
+  );
+};
+
+export default ExternalLink;

src/gis/components/Map.css

@@ -33,3 +33,17 @@
     width: 65%;
   }
 }
+
+.leaflet-marker-icon.leaflet-interactive {
+  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14'><circle cx='7' cy='7' r='5' stroke='white' stroke-width='2' fill='%23055989' /></svg>")
+    no-repeat;
+  border: none;
+}
+
+.leaflet-draw-actions a {
+  color: #fff;
+}
+
+.leaflet-disabled {
+  opacity: 0.6;
+}