From a08c78c95fe3211d9cf2ce50f8006acf71972054 Mon Sep 17 00:00:00 2001
From: Gauthier Roebroeck <gauthier.roebroeck@gmail.com>
Date: Fri, 20 Mar 2026 10:45:14 +0800
Subject: [PATCH] conditionally hide search in filter

---
 next-ui/src/components/filter/SearchList.vue      | 3 +++
 next-ui/src/components/filter/by/Author.vue       | 3 +++
 next-ui/src/components/filter/by/Genre.vue        | 3 +++
 next-ui/src/components/filter/by/Language.vue     | 1 +
 next-ui/src/components/filter/by/Publisher.vue    | 3 +++
 next-ui/src/components/filter/by/SharingLabel.vue | 3 +++
 next-ui/src/components/filter/by/Tag.vue          | 3 +++
 7 files changed, 19 insertions(+)

diff --git a/next-ui/src/components/filter/SearchList.vue b/next-ui/src/components/filter/SearchList.vue
index 5e4b8327..310877a7 100644
--- a/next-ui/src/components/filter/SearchList.vue
+++ b/next-ui/src/components/filter/SearchList.vue
@@ -1,5 +1,6 @@
 <template>
   <v-text-field
+    v-if="!hideSearch"
     v-model="search"
     clearable
     hide-details
@@ -49,11 +50,13 @@ const {
   searchItems = [],
   searchLoading = false,
   showModeSelector = false,
+  hideSearch = false,
 } = defineProps<{
   items?: ItemType<unknown>[]
   searchItems?: ItemType<unknown>[]
   searchLoading?: boolean
   showModeSelector?: boolean
+  hideSearch?: boolean
 }>()
 
 const emit = defineEmits<{
diff --git a/next-ui/src/components/filter/by/Author.vue b/next-ui/src/components/filter/by/Author.vue
index 9bf22580..4c3c0ad7 100644
--- a/next-ui/src/components/filter/by/Author.vue
+++ b/next-ui/src/components/filter/by/Author.vue
@@ -6,6 +6,7 @@
     :items="infiniteItems"
     :search-items="searchResults"
     :search-loading="searchLoading"
+    :hide-search="hideSearch"
     show-mode-selector
     @load-more="loadNextPage()"
   >
@@ -86,6 +87,8 @@ const infiniteItems = computed(() => {
   ]
 })
 
+const hideSearch = computed(() => (infiniteData.value?.pages?.[0]?.totalElements || 100) < 10)
+
 function toItemType(authorName: string): ItemType<Author> {
   return {
     title: authorName,
diff --git a/next-ui/src/components/filter/by/Genre.vue b/next-ui/src/components/filter/by/Genre.vue
index 63de117f..cb3a2d1e 100644
--- a/next-ui/src/components/filter/by/Genre.vue
+++ b/next-ui/src/components/filter/by/Genre.vue
@@ -6,6 +6,7 @@
     :items="infiniteItems"
     :search-items="searchResults"
     :search-loading="searchLoading"
+    :hide-search="hideSearch"
     show-mode-selector
     @load-more="loadNextPage()"
   >
@@ -81,6 +82,8 @@ const infiniteItems = computed(() => {
   ]
 })
 
+const hideSearch = computed(() => (infiniteData.value?.pages?.[0]?.totalElements || 100) < 10)
+
 function toItemType(value: string): ItemType<SchString> {
   return {
     title: value,
diff --git a/next-ui/src/components/filter/by/Language.vue b/next-ui/src/components/filter/by/Language.vue
index bbf3ed4f..d2200a7d 100644
--- a/next-ui/src/components/filter/by/Language.vue
+++ b/next-ui/src/components/filter/by/Language.vue
@@ -5,6 +5,7 @@
     v-model:search="search"
     :items="allItems"
     :search-items="searchResults"
+    :hide-search="allItems.length < 10"
     show-mode-selector
   >
   </FilterSearchList>
diff --git a/next-ui/src/components/filter/by/Publisher.vue b/next-ui/src/components/filter/by/Publisher.vue
index e8a02a3c..8cea6108 100644
--- a/next-ui/src/components/filter/by/Publisher.vue
+++ b/next-ui/src/components/filter/by/Publisher.vue
@@ -6,6 +6,7 @@
     :items="infiniteItems"
     :search-items="searchResults"
     :search-loading="searchLoading"
+    :hide-search="hideSearch"
     show-mode-selector
     @load-more="loadNextPage()"
   >
@@ -81,6 +82,8 @@ const infiniteItems = computed(() => {
   ]
 })
 
+const hideSearch = computed(() => (infiniteData.value?.pages?.[0]?.totalElements || 100) < 10)
+
 function toItemType(value: string): ItemType<SchString> {
   return {
     title: value,
diff --git a/next-ui/src/components/filter/by/SharingLabel.vue b/next-ui/src/components/filter/by/SharingLabel.vue
index 1920ec2b..ea78903c 100644
--- a/next-ui/src/components/filter/by/SharingLabel.vue
+++ b/next-ui/src/components/filter/by/SharingLabel.vue
@@ -6,6 +6,7 @@
     :items="infiniteItems"
     :search-items="searchResults"
     :search-loading="searchLoading"
+    :hide-search="hideSearch"
     show-mode-selector
     @load-more="loadNextPage()"
   >
@@ -81,6 +82,8 @@ const infiniteItems = computed(() => {
   ]
 })
 
+const hideSearch = computed(() => (infiniteData.value?.pages?.[0]?.totalElements || 100) < 10)
+
 function toItemType(value: string): ItemType<SchString> {
   return {
     title: value,
diff --git a/next-ui/src/components/filter/by/Tag.vue b/next-ui/src/components/filter/by/Tag.vue
index 4fde5055..9b95b240 100644
--- a/next-ui/src/components/filter/by/Tag.vue
+++ b/next-ui/src/components/filter/by/Tag.vue
@@ -6,6 +6,7 @@
     :items="infiniteItems"
     :search-items="searchResults"
     :search-loading="searchLoading"
+    :hide-search="hideSearch"
     show-mode-selector
     @load-more="loadNextPage()"
   >
@@ -86,6 +87,8 @@ const infiniteItems = computed(() => {
   ]
 })
 
+const hideSearch = computed(() => (infiniteData.value?.pages?.[0]?.totalElements || 100) < 10)
+
 function toItemType(value: string): ItemType<SchString> {
   return {
     title: value,