From d6a1969fb83c054130419b8cf7d6b7d642003524 Mon Sep 17 00:00:00 2001
From: Shinigami92 <chrissi92@hotmail.de>
Date: Sat, 1 Apr 2023 16:22:36 +0200
Subject: [PATCH] swap icon if filter applied

---
 components/timeline/TimelineHomeFilter.vue | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/components/timeline/TimelineHomeFilter.vue b/components/timeline/TimelineHomeFilter.vue
index 0d957b6f..93fc9706 100644
--- a/components/timeline/TimelineHomeFilter.vue
+++ b/components/timeline/TimelineHomeFilter.vue
@@ -1,11 +1,20 @@
 <script setup lang="ts">
 const homeFilter = useHomeFilter()
+
+const isActive = $computed(() => {
+  return !homeFilter.value.bot
+      || !homeFilter.value.sensitive
+      || !homeFilter.value.repost
+      || !homeFilter.value.mutual
+      || !homeFilter.value.tag
+})
 </script>
 
 <template>
   <VDropdown>
     <button btn-text>
-      <div i-ri:filter-2-line />
+      <div v-if="!isActive" i-ri:filter-2-line />
+      <div v-else i-ri:filter-2-fill />
     </button>
 
     <template #popper>