Search: small fixes to UX, cleanup of console.Log

src/UI/BigComponents/ThemesList.svelte

@@ -24,7 +24,7 @@
         {theme}
         {state}
       >
-        {#if $search && hasSelection && themes[0] === theme}
+        {#if $search && hasSelection && themes?.[0] === theme}
         <span class="thanks hidden-on-mobile" aria-hidden="true">
           <Tr t={Translations.t.general.morescreen.enterToOpen} />
         </span>
@@ -33,7 +33,7 @@
     {/each}
   </div>
 
-  {#if themes.length === 0}
+  {#if themes?.length === 0}
     <NoThemeResultButton {search} />
   {/if}
 </section>

src/UI/Search/ActiveFilters.svelte

@@ -22,6 +22,9 @@
 
   function enableAllLayers() {
     for (const flayer of $nonactiveLayers) {
+      if (!flayer.layerDef.isNormal()) {
+        continue
+      }
       flayer.isDisplayed.set(true)
     }
   }
@@ -41,7 +44,7 @@
   }
 </script>
 
-{#if activeFilters.length > 0 || $activeLayers.length === 1 || $nonactiveLayers.length > 0}
+{#if activeFilters.length > 0 || $nonactiveLayers.length > 0}
   <SidebarUnit>
     <div class="flex justify-between">
       <h3><Tr t={t.activeFilters}/></h3>

src/UI/Search/FilterResult.svelte

@@ -19,11 +19,13 @@
   function apply() {
     loading = true
     console.log("Loading is now ", loading)
-    window.requestAnimationFrame(() => {
-      state.searchState.apply(entry)
-      loading = false
-      state.searchState.closeIfFullscreen()
-    })
+    setTimeout(() => {
+      window.requestAnimationFrame(() => {
+        state.searchState.apply(entry)
+        loading = false
+        state.searchState.closeIfFullscreen()
+      })
+    }, 25)
   }
 </script>
 <button on:click={() => apply()} class:disabled={loading}>

src/UI/Search/GeocodeResult.svelte

@@ -25,7 +25,6 @@
     descriptionTr = layer?.tagRenderings?.find(tr => tr.labels.indexOf("description") >= 0)
   }
 
-  let dispatch = createEventDispatcher<{ select }>()
   let distance = state.mapProperties.location.mapD(l => GeoOperations.distanceBetween([l.lon, l.lat], [entry.lon, entry.lat]))
   let bearing = state.mapProperties.location.mapD(l => GeoOperations.bearing([l.lon, l.lat], [entry.lon, entry.lat]))
   let mapRotation = state.mapProperties.rotation
@@ -55,7 +54,7 @@
 <button class="unstyled w-full link-no-underline searchresult" on:click={() => select() }>
   <div class="p-2 flex items-center w-full gap-y-2">
     {#if layer}
-      <ToSvelte construct={() => layer.defaultIcon(entry.feature.properties).SetClass("w-6 h-6")} />
+      <ToSvelte construct={() => layer.defaultIcon(entry.feature.properties)?.SetClass("w-6 h-6")} />
     {:else if entry.category}
       <Icon icon={GeocodingUtils.categoryToIcon[entry.category]} clss="w-6 h-6 shrink-0" color="#aaa" />
     {/if}

src/UI/Search/SearchResults.svelte

@@ -11,7 +11,9 @@
   import Translations from "../i18n/Translations"
 
   export let state: ThemeViewState
-  let activeFilters: Store<ActiveFilter[]> = state.layerState.activeFilters.map(fs => fs.filter(f => Constants.priviliged_layers.indexOf(<any>f.layer.id) < 0))
+  let activeFilters: Store<ActiveFilter[]> = state.layerState.activeFilters.map(fs => fs.filter(f =>
+    (f.filter.options[0].fields.length === 0) &&
+    Constants.priviliged_layers.indexOf(<any>f.layer.id) < 0))
   let allowOtherThemes = state.featureSwitches.featureSwitchBackToThemeOverview
   let searchTerm = state.searchState.searchTerm
 </script>