Merge pull request #1041 from Vizzuality/drawing-tool

drawn polygon styles
Vizzuality · Jan 17, 2024 · d75e7ec · d75e7ec
2 parents 99fef4a + d6a9680
commit d75e7ec
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 31 deletions.
diff --git a/src/components/map/drawing-tool/styles.ts b/src/components/map/drawing-tool/styles.ts
@@ -13,7 +13,7 @@ const DRAWING_STYLES: Layer[] = [
     },
     paint: {
       'line-color': '#00857F',
-      'line-width': 2,
+      'line-width': 3,
     },
   },
   // polygon fill
@@ -27,16 +27,6 @@ const DRAWING_STYLES: Layer[] = [
       'fill-opacity': 0.1,
     },
   },
-  // polygon mid points
-  {
-    id: 'gl-draw-polygon-midpoint',
-    type: 'circle',
-    filter: ['all', ['==', '$type', 'Point'], ['==', 'meta', 'midpoint']],
-    paint: {
-      'circle-radius': 3,
-      'circle-color': '#fbb03b',
-    },
-  },
   // polygon outline stroke
   // This doesn't style the first edge of the polygon, which uses the line stroke styling instead
   {
@@ -49,7 +39,7 @@ const DRAWING_STYLES: Layer[] = [
     },
     paint: {
       'line-color': '#00857F',
-      'line-width': 2,
+      'line-width': 3,
     },
   },
   // vertex point halos
@@ -59,7 +49,9 @@ const DRAWING_STYLES: Layer[] = [
     filter: ['all', ['==', 'meta', 'vertex'], ['==', '$type', 'Point'], ['!=', 'mode', 'static']],
     paint: {
       'circle-radius': 5,
-      'circle-color': '#FFF',
+      'circle-color': 'white',
+      'circle-stroke-width': 0.5,
+      'circle-stroke-color': 'hsla(0, 0%, 0%, 0.15)',
     },
   },
   // vertex points
@@ -68,8 +60,10 @@ const DRAWING_STYLES: Layer[] = [
     type: 'circle',
     filter: ['all', ['==', 'meta', 'vertex'], ['==', '$type', 'Point'], ['!=', 'mode', 'static']],
     paint: {
-      'circle-radius': 3,
-      'circle-color': '#00857F',
+      'circle-radius': 5,
+      'circle-color': 'white',
+      'circle-stroke-width': 0.5,
+      'circle-stroke-color': 'hsla(0, 0%, 0%, 0.15)',
     },
   },
 

diff --git a/src/containers/datasets/contextual-layers/planet/contextual-basemaps/card.tsx b/src/containers/datasets/contextual-layers/planet/contextual-basemaps/card.tsx
@@ -47,14 +47,7 @@ type CardBasemapContextualProps = {
   hasDropdown?: boolean;
 };
 
-const CardBasemapContextual = ({
-  id,
-  mosaic_id,
-  type,
-  name,
-  description,
-  hasDropdown,
-}: CardBasemapContextualProps) => {
+const CardBasemapContextual = ({ id, type, name, description }: CardBasemapContextualProps) => {
   const [basemapStored, setBasemap] = useRecoilState(basemapAtom);
   const [basemapContextualSelected, setBasemapContextual] = useRecoilState(basemapContextualAtom);
 
@@ -118,11 +111,6 @@ const CardBasemapContextual = ({
           {description && <p>{description}</p>}
         </div>
       </div>
-      {/* {isActive && hasDropdown && (
-        <div className="pb-4">
-          <DateSelect mosaic_id={mosaic_id} id={id} />
-        </div>
-      )} */}
     </div>
   );
 };

diff --git a/src/containers/datasets/locations/hooks.tsx b/src/containers/datasets/locations/hooks.tsx
@@ -1,5 +1,3 @@
-import { useRouter } from 'next/router';
-
 import { useQuery, UseQueryOptions, useQueryClient } from '@tanstack/react-query';
 
 import API from 'services/api';

diff --git a/src/containers/widgets/index.tsx b/src/containers/widgets/index.tsx
@@ -19,7 +19,6 @@ import { WIDGETS } from 'containers/datasets';
 import Helper from 'containers/guide/helper';
 import AppTools from 'containers/navigation';
 import WidgetWrapper from 'containers/widget';
-import NoData from 'containers/widgets/no-data';
 
 import { Dialog, DialogContent, DialogTrigger, DialogClose } from 'components/dialog';
 import { breakpoints } from 'styles/styles.config';