UX(inspector): fix search, show graphs, see #2353

src/UI/InspectorGUI.svelte

@@ -70,6 +70,8 @@
       searchIsRunning.set(false)
     }
   })
+
+
   let state = {
     mapProperties: maplibremap,
     searchState: {
@@ -164,6 +166,19 @@
 
   let showPreviouslyVisited = new UIEventSource(true)
   const t = Translations.t.inspector
+
+  function search(suggestion?: GeocodeResult) {
+    suggestion ??= searchSuggestions?.data?.[0]
+    console.log("Seaching", suggestion)
+    if (!suggestion) {
+      return
+    }
+    map.data.flyTo({
+      zoom: 14,
+      center: [suggestion.lon, suggestion.lat]
+    })
+  }
+
 </script>
 
 <div class="flex h-screen w-full flex-col">
@@ -251,12 +266,13 @@
       <MaplibreMap {map} mapProperties={maplibremap} autorecovery={true} />
       <div class="absolute right-0 top-0 w-1/4 p-4">
         <Searchbar
+          on:search={() => search()}
           isFocused={searchIsFocussed}
           value={searchvalue}
           on:focus={() => state.searchState.showSearchDrawer.set(true)}
         />
         {#if $searchSuggestions?.length > 0 || $searchIsFocussed}
-          <GeocodeResults {state} />
+          <GeocodeResults {state} on:select={(event) => search(event.detail)} />
         {/if}
       </div>
     </div>