UI: hide 'active filters' and 'filter results' if the filter view is disabled

src/UI/Search/SearchResults.svelte

@@ -18,7 +18,7 @@
         .filter(
           (f) =>
             f.filter.options[0].fields.length === 0 &&
-            Constants.priviliged_layers.indexOf(<any>f.layer.id) < 0
+            Constants.priviliged_layers.indexOf(<any>f.layer.id) < 0,
         )
         .map((af) => {
           const index = <number>af.control.data
@@ -28,15 +28,18 @@
             option: af.filter.options[index],
           }
           return r
-        })
+        }),
     )
-  let allowOtherThemes = state.featureSwitches.featureSwitchBackToThemeOverview
   let searchTerm = state.searchState.searchTerm
+
+  let allowOtherThemes = state.featureSwitches.featureSwitchBackToThemeOverview
+  let allowFilters = state.featureSwitches.featureSwitchFilter
 </script>
 
 <div class="low-interaction flex flex-col gap-y-2 p-4">
-  <ActiveFilters {state} activeFilters={$activeFilters} />
-
+  {#if $allowFilters}
+    <ActiveFilters {state} activeFilters={$activeFilters} />
+  {/if}
   {#if $searchTerm.length === 0 && $activeFilters.length === 0}
     <div class="items-center p-8 text-center">
       <b>
@@ -45,8 +48,9 @@
     </div>
   {/if}
 
-  <FilterResults {state} />
-
+  {#if $allowFilters}
+    <FilterResults {state} />
+  {/if}
   <GeocodeResults {state} />
 
   {#if $allowOtherThemes}