From 7025ea81c6645e0aa88f9fefa936178270410ab1 Mon Sep 17 00:00:00 2001
From: padreug <padreug@aiolabs.dev>
Date: Tue, 16 Sep 2025 22:02:19 +0200
Subject: [PATCH] Refactor FeedFilters component to simplify custom filter
 display

- Replaced the Collapsible component with a conditional div for displaying custom filters, enhancing clarity and reducing complexity in the UI.
- Removed unused imports related to the Collapsible component to clean up the code.

These changes improve the maintainability and readability of the FeedFilters component.
---
 src/modules/nostr-feed/components/FeedFilters.vue | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

diff --git a/src/modules/nostr-feed/components/FeedFilters.vue b/src/modules/nostr-feed/components/FeedFilters.vue
index 2b7491e..d70bb62 100644
--- a/src/modules/nostr-feed/components/FeedFilters.vue
+++ b/src/modules/nostr-feed/components/FeedFilters.vue
@@ -31,8 +31,7 @@
         </Button>
       </div>
 
-      <Collapsible v-model:open="showCustom">
-        <CollapsibleContent class="space-y-3">
+      <div v-if="showCustom" class="space-y-3">
           <div class="grid grid-cols-1 sm:grid-cols-2 gap-3">
             <div
               v-for="filter in availableFilters"
@@ -86,8 +85,7 @@
               Apply Custom Filters ({{ selectedFilters.length }})
             </Button>
           </div>
-        </CollapsibleContent>
-      </Collapsible>
+      </div>
     </div>
 
     <!-- Active Filters Display -->
@@ -121,7 +119,7 @@ import { Button } from '@/components/ui/button'
 import { Badge } from '@/components/ui/badge'
 import { Label } from '@/components/ui/label'
 import { Checkbox } from '@/components/ui/checkbox'
-import { Collapsible, CollapsibleContent } from '@/components/ui/collapsible'
+// import { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@/components/ui/collapsible'
 import { ChevronDown, X } from 'lucide-vue-next'
 import { FILTER_PRESETS, getAllContentFilters } from '../config/content-filters'
 import type { ContentFilter } from '../services/FeedService'