From b39ecfa7fcafb8e1dc0262c6df9d177c4bbe0a7c Mon Sep 17 00:00:00 2001 From: NSUWAL123 Date: Mon, 16 Dec 2024 14:19:11 +0545 Subject: [PATCH] feat(geolocation): show tooltip popup to users indicating geolocation feature to be turned on --- .../src/lib/components/map/geolocation.svelte | 48 ++++++++++++++----- 1 file changed, 36 insertions(+), 12 deletions(-) diff --git a/src/mapper/src/lib/components/map/geolocation.svelte b/src/mapper/src/lib/components/map/geolocation.svelte index af545029b..7fdc3ef67 100644 --- a/src/mapper/src/lib/components/map/geolocation.svelte +++ b/src/mapper/src/lib/components/map/geolocation.svelte @@ -25,6 +25,7 @@ let watchId: number | undefined = $state(); let directions: MapLibreGlDirections = $state(); let entityDistance: number = $state(0); + let tooltipRef: any = $state(); const entityToNavigate = $derived(entitiesStore.entityToNavigate); @@ -206,20 +207,43 @@ - { - entitiesStore.setToggleGeolocation(!entitiesStore.toggleGeolocation); - if (!entitiesStore.toggleGeolocation) { - exitNavigationMode(); - } + tooltipRef.hide()} + onkeydown={(e: KeyboardEvent) => { + e.key === 'Enter' && tooltipRef.hide(); }} - > - +
+ For the best experience, turn on location + +
+ { + entitiesStore.setToggleGeolocation(!entitiesStore.toggleGeolocation); + if (!entitiesStore.toggleGeolocation) { + exitNavigationMode(); + } + }} + > + + + + + {#if entitiesStore.toggleGeolocation}