From b0217a5e8748b27d1afbf694c0da1f09c8eec9f1 Mon Sep 17 00:00:00 2001
From: NathanJ60 <jacas.nathan@gmail.com>
Date: Wed, 10 Dec 2025 17:19:59 +0100
Subject: [PATCH] feat: forum search bar redirects to search page on enter
 (#425)

Fixes #422
---
 frontend/src/components/SearchBars.vue | 31 +++++++++++++++-----------
 1 file changed, 18 insertions(+), 13 deletions(-)

diff --git a/frontend/src/components/SearchBars.vue b/frontend/src/components/SearchBars.vue
index 4d837e14..549f662b 100644
--- a/frontend/src/components/SearchBars.vue
+++ b/frontend/src/components/SearchBars.vue
@@ -1,20 +1,9 @@
 <template>
   <div id="search-bars">
-    <InputText
-      type="text"
-      :placeholder="t('torrent.torrent', 2)"
-      v-model="searchForm.torrents"
-      size="small"
-      @keyup.enter="
-        () => {
-          router.push(`/torrents?title_group_name=${searchForm.torrents}`)
-          searchForm.torrents = ''
-        }
-      "
-    />
+    <InputText type="text" :placeholder="t('torrent.torrent', 2)" v-model="searchForm.torrents" size="small" @keyup.enter="searchTorrents" />
     <ArtistSearchBar :placeholder="t('artist.artist', 2)" :clickableSeriesLink="true" :clearInputOnSelect="true" v-model="searchForm.artists" />
     <SeriesSearchBar :placeholder="t('series.series')" :clickableSeriesLink="true" :clearInputOnSelect="true" v-model="searchForm.series" />
-    <InputText type="text" :placeholder="t('forum.forum', 2)" v-model="searchForm.forums" size="small" />
+    <InputText type="text" :placeholder="t('forum.forum', 2)" v-model="searchForm.forums" size="small" @keyup.enter="searchForums" />
     <InputText type="text" :placeholder="t('user.user', 2)" v-model="searchForm.users" size="small" />
   </div>
 </template>
@@ -38,6 +27,22 @@ const searchForm = ref({
   forums: '',
   users: '',
 })
+
+const searchTorrents = () => {
+  router.push({
+    path: '/torrents',
+    query: { title_group_name: searchForm.value.torrents },
+  })
+  searchForm.value.torrents = ''
+}
+
+const searchForums = () => {
+  router.push({
+    path: '/forum/search',
+    query: { thread_name: searchForm.value.forums },
+  })
+  searchForm.value.forums = ''
+}
 </script>
 
 <style scoped>