From f3d341455f551d1c58f8ca61a5fa7996793a5f8a Mon Sep 17 00:00:00 2001
From: Antoine Nguyen <tonio@ngyn.org>
Date: Fri, 22 Aug 2025 09:48:39 +0200
Subject: [PATCH] Minor change

---
 .../src/components/quarantine/QuarantineList.vue | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/frontend/src/components/quarantine/QuarantineList.vue b/frontend/src/components/quarantine/QuarantineList.vue
index 62bb08304..bc3df8c65 100644
--- a/frontend/src/components/quarantine/QuarantineList.vue
+++ b/frontend/src/components/quarantine/QuarantineList.vue
@@ -24,7 +24,6 @@
         <div class="d-flex my-4">
           <v-text-field
             v-model="search"
-            prepend-inner-icon="mdi-magnify"
             :placeholder="$gettext('Search in messages')"
             variant="outlined"
             single-line
@@ -34,8 +33,14 @@
             class="flex-grow-0 w-33 mr-4"
             clearable
             @click:clear="fetchContent"
-            @keyup.enter="submitSearch"
-          ></v-text-field>
+            @keyup.enter="fetchContent"
+          >
+            <template #prepend-inner>
+              <v-btn icon variant="flat" size="small">
+                <v-icon icon="mdi-magnify"></v-icon>
+              </v-btn>
+            </template>
+          </v-text-field>
 
           <v-btn
             class="ml-2"
@@ -110,6 +115,7 @@
 import { ref } from 'vue'
 import { useGettext } from 'vue3-gettext'
 import { useRouter } from 'vue-router'
+import debounce from 'debounce'
 import { useBusStore } from '@/stores'
 import api from '@/api/amavis'
 
@@ -165,7 +171,7 @@ const updatedOptions = async ({ page, itemsPerPage, sortBy }) => {
   fetchContent()
 }
 
-const fetchContent = async () => {
+const _fetchContent = async () => {
   loading.value = true
   const params = {
     page: currentPage.value || 1,
@@ -189,6 +195,8 @@ const fetchContent = async () => {
   }
 }
 
+const fetchContent = debounce(_fetchContent, 500)
+
 const openMessage = (event, { item }) => {
   router.push({
     name: 'QuarantineMessageView',