From b281d9a85d8911e1066bc40994ce8b998b48f28c Mon Sep 17 00:00:00 2001
From: ArneBo <arne@ecobasa.org>
Date: Wed, 6 Nov 2024 13:50:09 +0100
Subject: [PATCH] refactor: continue replacing artist card and widget

---
 front/src/components/album/Widget.vue              | 3 +--
 front/src/components/{audio => }/artist/Widget.vue | 4 ++--
 front/src/components/audio/ChannelSeries.vue       | 2 +-
 front/src/components/audio/Search.vue              | 2 +-
 front/src/components/library/Home.vue              | 1 +
 front/src/components/library/Podcasts.vue          | 2 +-
 front/src/components/library/TagDetail.vue         | 2 +-
 front/src/views/Search.vue                         | 2 +-
 front/src/views/library/DetailOverview.vue         | 2 +-
 9 files changed, 10 insertions(+), 10 deletions(-)
 rename front/src/components/{audio => }/artist/Widget.vue (94%)

diff --git a/front/src/components/album/Widget.vue b/front/src/components/album/Widget.vue
index 813a36b66..518aa947a 100644
--- a/front/src/components/album/Widget.vue
+++ b/front/src/components/album/Widget.vue
@@ -83,8 +83,7 @@ watch(
       v-model="query"
       @search="performSearch"
     />
-    <div class="ui hidden divider" />
-    <div class="ui app-cards cards">
+    <div style="display:flex; flex-wrap:wrap; gap: 32px; margin-top:32px;">
       <div
         v-if="isLoading"
         class="ui inverted active dimmer"
diff --git a/front/src/components/audio/artist/Widget.vue b/front/src/components/artist/Widget.vue
similarity index 94%
rename from front/src/components/audio/artist/Widget.vue
rename to front/src/components/artist/Widget.vue
index 2890da65d..6ee705a60 100644
--- a/front/src/components/audio/artist/Widget.vue
+++ b/front/src/components/artist/Widget.vue
@@ -6,7 +6,7 @@ import { useStore } from '~/store'
 
 import axios from 'axios'
 
-import ArtistCard from '~/components/audio/artist/Card.vue'
+import ArtistCard from '~/components/artist/Card.vue'
 
 import useErrorHandler from '~/composables/useErrorHandler'
 
@@ -79,7 +79,7 @@ watch(
       @search="performSearch"
     />
     <div class="ui hidden divider" />
-    <div class="ui five app-cards cards">
+    <div style="display:flex; flex-wrap:wrap; gap: 32px; margin-top:32px;">
       <div
         v-if="isLoading"
         class="ui inverted active dimmer"
diff --git a/front/src/components/audio/ChannelSeries.vue b/front/src/components/audio/ChannelSeries.vue
index d403f5c03..da8b8329a 100644
--- a/front/src/components/audio/ChannelSeries.vue
+++ b/front/src/components/audio/ChannelSeries.vue
@@ -6,7 +6,7 @@ import { ref, reactive } from 'vue'
 
 import axios from 'axios'
 import ChannelSerieCard from '~/components/audio/ChannelSerieCard.vue'
-import AlbumCard from '~/components/album/Card.vue'
+import AlbumCard from '~/components/audio/album/Card.vue'
 
 interface Props {
   filters: object
diff --git a/front/src/components/audio/Search.vue b/front/src/components/audio/Search.vue
index 95024a624..f34b94343 100644
--- a/front/src/components/audio/Search.vue
+++ b/front/src/components/audio/Search.vue
@@ -7,7 +7,7 @@ import { refDebounced } from '@vueuse/core'
 
 import axios from 'axios'
 import AlbumCard from '~/components/album/Card.vue'
-import ArtistCard from '~/components/audio/artist/Card.vue'
+import ArtistCard from '~/components/artist/Card.vue'
 
 import useErrorHandler from '~/composables/useErrorHandler'
 import useLogger from '~/composables/useLogger'
diff --git a/front/src/components/library/Home.vue b/front/src/components/library/Home.vue
index f13af9e3c..810d0b738 100644
--- a/front/src/components/library/Home.vue
+++ b/front/src/components/library/Home.vue
@@ -86,6 +86,7 @@ fetchData()
           </track-widget>
         </div>
         <div class="column">
+        PLAYLIST WIDGET
           <playlist-widget
             :url="'playlists/'"
             :filters="{scope: scope, playable: true, ordering: '-modification_date'}"
diff --git a/front/src/components/library/Podcasts.vue b/front/src/components/library/Podcasts.vue
index 0925a802d..f3cd9e7cb 100644
--- a/front/src/components/library/Podcasts.vue
+++ b/front/src/components/library/Podcasts.vue
@@ -17,7 +17,7 @@ import $ from 'jquery'
 import TagsSelector from '~/components/library/TagsSelector.vue'
 import RemoteSearchForm from '~/components/RemoteSearchForm.vue'
 import SemanticModal from '~/components/semantic/Modal.vue'
-import ArtistCard from '~/components/audio/artist/Card.vue'
+import ArtistCard from '~/components/artist/Card.vue'
 import Pagination from '~/components/vui/Pagination.vue'
 
 import useSharedLabels from '~/composables/locale/useSharedLabels'
diff --git a/front/src/components/library/TagDetail.vue b/front/src/components/library/TagDetail.vue
index 90cd3eb0c..74f4933f4 100644
--- a/front/src/components/library/TagDetail.vue
+++ b/front/src/components/library/TagDetail.vue
@@ -4,7 +4,7 @@ import { computed } from 'vue'
 import ChannelsWidget from '~/components/audio/ChannelsWidget.vue'
 import TrackWidget from '~/components/audio/track/Widget.vue'
 import AlbumWidget from '~/components/album/Widget.vue'
-import ArtistWidget from '~/components/audio/artist/Widget.vue'
+import ArtistWidget from '~/components/artist/Widget.vue'
 import RadioButton from '~/components/radios/Button.vue'
 
 interface Props {
diff --git a/front/src/views/Search.vue b/front/src/views/Search.vue
index 53e797af2..66817fa80 100644
--- a/front/src/views/Search.vue
+++ b/front/src/views/Search.vue
@@ -10,7 +10,7 @@ import axios from 'axios'
 
 import PlaylistCardList from '~/components/playlists/CardList.vue'
 import RemoteSearchForm from '~/components/RemoteSearchForm.vue'
-import ArtistCard from '~/components/audio/artist/Card.vue'
+import ArtistCard from '~/components/artist/Card.vue'
 import TrackTable from '~/components/audio/track/Table.vue'
 import AlbumCard from '~/components/album/Card.vue'
 import Pagination from '~/components/vui/Pagination.vue'
diff --git a/front/src/views/library/DetailOverview.vue b/front/src/views/library/DetailOverview.vue
index 47410811a..91df3ef1b 100644
--- a/front/src/views/library/DetailOverview.vue
+++ b/front/src/views/library/DetailOverview.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import type { Library } from '~/types'
 
-import ArtistWidget from '~/components/audio/artist/Widget.vue'
+import ArtistWidget from '~/components/artist/Widget.vue'
 
 interface Props {
   object: Library