save annotation when pressing Enter

GlobalFishingWatch · Dec 14, 2023 · bdd6f5f · bdd6f5f
1 parent 5dd48e1
commit bdd6f5f
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 2 deletions.
diff --git a/apps/fishing-map/features/map/annotations/Annotations.tsx b/apps/fishing-map/features/map/annotations/Annotations.tsx
@@ -2,6 +2,7 @@ import { useSelector } from 'react-redux'
 import cx from 'classnames'
 import { Popup } from 'react-map-gl'
 import { useTranslation } from 'react-i18next'
+import { KeyboardEventHandler } from 'react'
 import {
   Button,
   ColorBar,
@@ -43,6 +44,11 @@ const MapAnnotations = () => {
     })
     resetMapAnnotation()
   }
+  const handleKeyDown: KeyboardEventHandler<HTMLInputElement> = (e) => {
+    if (e.key === 'Enter') {
+      onConfirmClick()
+    }
+  }
 
   return (
     <Popup
@@ -60,6 +66,7 @@ const MapAnnotations = () => {
             value={mapAnnotation.label}
             onChange={(e) => setMapAnnotation({ label: e.target.value })}
             placeholder={t('map.annotationPlaceholder', 'Type something here')}
+            onKeyDown={handleKeyDown}
           />
           <ColorBar
             colorBarOptions={colors}

diff --git a/apps/fishing-map/features/map/controls/AnnotationsControl.tsx b/apps/fishing-map/features/map/controls/AnnotationsControl.tsx
@@ -45,7 +45,7 @@ const MapAnnotationsControls = () => {
       expanded={mapAnnotations?.length > 0}
       tooltip={
         isAnnotating
-          ? t('map.annotationsStop', 'Stop annotations')
+          ? t('map.annotationsStop', 'Stop editing annotations')
           : t('map.annotationsAdd', 'Add annotation')
       }
       onClick={onToggleClick}

diff --git a/apps/fishing-map/features/map/controls/RulersControl.tsx b/apps/fishing-map/features/map/controls/RulersControl.tsx
@@ -30,7 +30,7 @@ const Rulers = () => {
       expanded={rulers?.length > 0}
       tooltip={
         rulersEditing
-          ? t('map.rulersStop', 'Stop measures')
+          ? t('map.rulersStop', 'Stop editing measures')
           : t('map.rulers_add', 'Measure distance')
       }
       onClick={onToggleClick}