From 690fa15f12efda24d1ad32fde68e98d3480dd8c3 Mon Sep 17 00:00:00 2001
From: ArneBo <arne@ecobasa.org>
Date: Fri, 24 Jan 2025 02:58:24 +0100
Subject: [PATCH] refactor(front): playlist button in album detail

---
 front/src/components/library/AlbumBase.vue           | 2 +-
 front/src/components/playlists/TrackPlaylistIcon.vue | 7 +++----
 2 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/front/src/components/library/AlbumBase.vue b/front/src/components/library/AlbumBase.vue
index 56444b34a..024239fdd 100644
--- a/front/src/components/library/AlbumBase.vue
+++ b/front/src/components/library/AlbumBase.vue
@@ -13,6 +13,7 @@ import axios from 'axios'
 
 import ArtistCreditLabel from '~/components/audio/ArtistCreditLabel.vue'
 import TrackFavoriteIcon from '~/components/favorites/TrackFavoriteIcon.vue'
+import TrackPlaylistIcon from '~/components/playlists/TrackPlaylistIcon.vue'
 import PlayButton from '~/components/audio/PlayButton.vue'
 import TagsList from '~/components/tags/List.vue'
 import AlbumDropdown from './AlbumDropdown.vue'
@@ -218,7 +219,6 @@ const remove = async () => {
             </Layout>
             <Layout flex>
               <PlayButton
-                class="vibrant"
                 split
                 :tracks="object.tracks"
                 :is-playable="object.is_playable"
diff --git a/front/src/components/playlists/TrackPlaylistIcon.vue b/front/src/components/playlists/TrackPlaylistIcon.vue
index 600f57bf1..2b17439d5 100644
--- a/front/src/components/playlists/TrackPlaylistIcon.vue
+++ b/front/src/components/playlists/TrackPlaylistIcon.vue
@@ -31,16 +31,15 @@ const labels = computed(() => ({
 <template>
   <Button
     v-if="button"
-    :class="['ui', 'icon', 'labeled', 'button']"
+    primary
+    icon="bi-list"
     @click.stop="store.commit('playlists/chooseTrack', track)"
   >
-    <i class="list icon" />
     {{ t('components.playlists.TrackPlaylistIcon.button.add') }}
   </Button>
   <Button
     v-else
-    round
-    outline
+    secondary
     icon="bi-list"
     :class="['ui', 'basic', 'circular', 'icon', {'really': !border}, 'button']"
     :aria-label="labels.addToPlaylist"