From 6349f98090557b71e19b920def8e62db240b8ac0 Mon Sep 17 00:00:00 2001
From: oliviareichl <Olivia.Reichl@oeaw.ac.at>
Date: Wed, 25 Sep 2024 13:59:01 +0200
Subject: [PATCH] fix: active filter count display

---
 components/search-filter.vue | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/components/search-filter.vue b/components/search-filter.vue
index 0b5ee42..3d42c55 100644
--- a/components/search-filter.vue
+++ b/components/search-filter.vue
@@ -1,4 +1,5 @@
 <script lang="ts" setup>
+import { XIcon } from "lucide-vue-next";
 import type { LocationQueryValue } from "vue-router";
 
 import {
@@ -18,9 +19,9 @@ const checkedFacets = computed(() => {
 	const topicValue: Array<LocationQueryValue> | LocationQueryValue | undefined = route.query.topic;
 
 	return {
-		language: Array.isArray(languageValue) ? languageValue[0] : languageValue ?? "",
-		topic: Array.isArray(topicValue) ? topicValue[0] : topicValue ?? "",
-	} as { language: string; topic: string }; // Cast to the expected type
+		language: Array.isArray(languageValue) ? languageValue : languageValue ? [languageValue] : [],
+		topic: Array.isArray(topicValue) ? topicValue : topicValue ? [topicValue] : [],
+	} as { language: Array<string>; topic: Array<string> };
 });
 
 const props = defineProps<{
@@ -101,7 +102,9 @@ const sliderValue = ref([slider.min, slider.max]);
 								variant="searchform"
 								@click="removeFilter()"
 							>
-								<XIcon :size="12" />
+								<div class="bg-frisch-orange">
+									<XIcon :size="12" class="font-bold text-white" />
+								</div>
 							</Button>
 						</div>
 					</div>