From a588726a540de4c452a9e16553a24f4f6a338ff8 Mon Sep 17 00:00:00 2001
From: ArneBo <arne@ecobasa.org>
Date: Sun, 29 Dec 2024 19:18:07 +0100
Subject: [PATCH] feat(front): artist page search bar

---
 front/src/components/library/Artists.vue | 33 +++++++-----------------
 front/src/components/ui/Input.vue        |  1 +
 2 files changed, 10 insertions(+), 24 deletions(-)

diff --git a/front/src/components/library/Artists.vue b/front/src/components/library/Artists.vue
index 3f233ceaa..8415ec62f 100644
--- a/front/src/components/library/Artists.vue
+++ b/front/src/components/library/Artists.vue
@@ -134,30 +134,15 @@ const paginateOptions = computed(() => sortedUniq([12, 30, 50, paginateBy.value]
       >
         <div class="fields">
           <div class="field">
-            <label for="artist-search">
-              {{ t('components.library.Artists.label.search') }}
-            </label>
-            <div class="ui action input">
-              <Input
-                id="artist-search"
-                v-model="query"
-                type="text"
-                name="search"
-                autofocus
-                :placeholder="labels.searchPlaceholder"
-              >
-                <template #input-right>
-                  <Button
-                    type="submit"
-                    auto
-                    primary
-                    icon="bi-search"
-                    :aria-label="t('components.library.Artists.button.search')"
-                  >
-                  </Button>
-                </template>
-              </Input>
-            </div>
+            <Input search
+              id="artist-search"
+              v-model="query"
+              name="search"
+              :label="t('components.library.Artists.label.search')"
+              autofocus
+              :placeholder="labels.searchPlaceholder"
+            >
+            </Input>
           </div>
           <div class="field">
             <label for="tags-search">{{ t('components.library.Artists.label.tags') }}</label>
diff --git a/front/src/components/ui/Input.vue b/front/src/components/ui/Input.vue
index f8b07af2c..33944b975 100644
--- a/front/src/components/ui/Input.vue
+++ b/front/src/components/ui/Input.vue
@@ -94,6 +94,7 @@ const model = defineModel<string|number>()
     <!-- Search -->
     <Button
       solid primary
+      type="submit"
       v-if="restProps.search"
       class="input-right search"
     >