From e18b193cecb86ee32a2d342146f20e15d6506478 Mon Sep 17 00:00:00 2001
From: ArneBo <arne@ecobasa.org>
Date: Tue, 25 Feb 2025 10:41:59 +0100
Subject: [PATCH] fix(front): correct display artist widget

---
 front/src/components/artist/Widget.vue | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/front/src/components/artist/Widget.vue b/front/src/components/artist/Widget.vue
index 02164c764..5587cf081 100644
--- a/front/src/components/artist/Widget.vue
+++ b/front/src/components/artist/Widget.vue
@@ -51,7 +51,7 @@ const fetchData = async (url = 'artists/') => {
     const response = await axios.get(url, { params })
     nextPage.value = response.data.next
     count.value = response.data.count
-    artists.push(...response.data.results)
+    artists.splice(0, artists.length, ...response.data.results)
   } catch (error) {
     useErrorHandler(error as Error)
   }
@@ -89,6 +89,7 @@ watch(
       name="empty-state"
     >
       <empty-state
+        style="grid-column: 1 / -1;"
         :refresh="true"
         @refresh="fetchData"
       />
@@ -107,6 +108,7 @@ watch(
     <Pagination
       v-if="artists && count > limit"
       v-model:page="page"
+      style="grid-column: 1 / -1;"
       :pages="Math.ceil((count || 0) / limit)"
     />
   </Section>