From d330c0b425ce1e07b6449e4035e26848e9e8076f Mon Sep 17 00:00:00 2001
From: sophiafema <sophi111111@gmail.com>
Date: Sat, 16 Aug 2025 15:33:35 +0000
Subject: [PATCH] feat(ui): allow adding a new category in cookbook management
 dropdown

---
 frontend/components/Domain/QueryFilterBuilder.vue      |  2 +-
 .../Domain/Recipe/RecipeOrganizerSelector.vue          | 10 ++++++++--
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/frontend/components/Domain/QueryFilterBuilder.vue b/frontend/components/Domain/QueryFilterBuilder.vue
index 272321d00..d03441172 100644
--- a/frontend/components/Domain/QueryFilterBuilder.vue
+++ b/frontend/components/Domain/QueryFilterBuilder.vue
@@ -186,7 +186,7 @@
                 v-else-if="field.type === Organizer.Category"
                 v-model="field.organizers"
                 :selector-type="Organizer.Category"
-                :show-add="false"
+                :show-add="true"
                 :show-label="false"
                 :show-icon="false"
                 variant="underlined"
diff --git a/frontend/components/Domain/Recipe/RecipeOrganizerSelector.vue b/frontend/components/Domain/Recipe/RecipeOrganizerSelector.vue
index 6706eb582..c29b71cee 100644
--- a/frontend/components/Domain/Recipe/RecipeOrganizerSelector.vue
+++ b/frontend/components/Domain/Recipe/RecipeOrganizerSelector.vue
@@ -11,12 +11,10 @@
     multiple
     :variant="variant"
     :prepend-inner-icon="icon"
-    :append-icon="showAdd ? $globals.icons.create : undefined"
     return-object
     auto-select-first
     class="pa-0"
     @update:model-value="resetSearchInput"
-    @click:append="dialog = true"
   >
     <template #chip="{ item, index }">
       <v-chip
@@ -32,6 +30,14 @@
         {{ item.value }}
       </v-chip>
     </template>
+    <template v-if="showAdd" #append-item>
+        <v-divider class="my-2" />
+        <v-list-item
+          :title="`+ ${$t('general.add')}`"
+          class="text-primary"
+          @click="dialog = true"
+        />
+    </template>
 
     <template
       v-if="showAdd"