From 49399f94113acba1dd95d4ea8331cb514cb4b1aa Mon Sep 17 00:00:00 2001
From: maximo <maximo@nimiq.com>
Date: Fri, 8 Sep 2023 16:48:54 +0700
Subject: [PATCH] fixed autocomplete, to go to the location

---
 src/components/elements/InteractionBar.vue | 17 +++++++++++++----
 src/stores/locations.ts                    |  4 +++-
 2 files changed, 16 insertions(+), 5 deletions(-)

diff --git a/src/components/elements/InteractionBar.vue b/src/components/elements/InteractionBar.vue
index 4f77a0db..731f3603 100644
--- a/src/components/elements/InteractionBar.vue
+++ b/src/components/elements/InteractionBar.vue
@@ -2,7 +2,7 @@
 import { type Suggestion, SuggestionType } from 'types'
 import { useBreakpoints } from '@vueuse/core'
 import { screens } from 'tailwindcss-nimiq-theme'
-import { computed } from 'vue'
+import { computed, nextTick } from 'vue'
 import { storeToRefs } from 'pinia'
 import SearchBox from '@/components/atoms/SearchBox.vue'
 import CryptoMapModal from '@/components/elements/CryptoMapModal.vue'
@@ -10,6 +10,7 @@ import { useAutocomplete } from '@/composables/useAutocomplete'
 import { useMap } from '@/stores/map'
 import { useLocations } from '@/stores/locations'
 import { useApp } from '@/stores/app'
+import { useCluster } from '@/stores/cluster'
 
 defineEmits({
   open: (value: boolean) => value,
@@ -17,17 +18,25 @@ defineEmits({
 
 const { querySearch, status, suggestions } = useAutocomplete()
 
-function onSelect(suggestion?: Suggestion) {
+const { singles } = storeToRefs(useCluster())
+const sleep = (ms: number) => new Promise(resolve => setTimeout(resolve, ms))
+
+async function onSelect(suggestion?: Suggestion) {
   if (!suggestion)
     return
-
   switch (suggestion.type) {
     case SuggestionType.GoogleLocation:
     case SuggestionType.Region:
       useMap().goToPlaceId(suggestion.id)
       break
     case SuggestionType.Location:
-      useLocations().goToLocation(suggestion.id)
+      if (await useLocations().goToLocation(suggestion.id)) {
+        while (!singles.value.some(s => s.uuid === suggestion.id))
+          await sleep(100) // Try to wait for the item to be added
+        await nextTick() // Wait for the marker to be rendered
+        ;(document.querySelector(`[data-trigger-uuid="${suggestion.id}"]`) as HTMLElement)?.click()
+      }
+
       break
   }
 
diff --git a/src/stores/locations.ts b/src/stores/locations.ts
index 18778071..81a0fc02 100644
--- a/src/stores/locations.ts
+++ b/src/stores/locations.ts
@@ -57,10 +57,12 @@ export const useLocations = defineStore('locations', () => {
   })
 
   async function goToLocation(uuid: string) {
-    const location = await useLocations().getLocationByUuid(uuid)
+    const location = await getLocationByUuid(uuid)
     if (!location)
       return false
 
+    selectedUuid.value = uuid
+
     useMap().setPosition({
       center: { lat: location.lat, lng: location.lng },
       zoom: 19,