From 35b49439489f4d3eaa94ec6df58ceebd602a4658 Mon Sep 17 00:00:00 2001
From: Pieter Vander Vennet <pietervdvn@posteo.net>
Date: Mon, 21 Oct 2024 23:29:56 +0200
Subject: [PATCH] UI: hide 'active filters' and 'filter results' if the filter
 view is disabled

---
 src/UI/Search/SearchResults.svelte | 18 +++++++++++-------
 1 file changed, 11 insertions(+), 7 deletions(-)

diff --git a/src/UI/Search/SearchResults.svelte b/src/UI/Search/SearchResults.svelte
index f184c348e..e725a083c 100644
--- a/src/UI/Search/SearchResults.svelte
+++ b/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}