From 7a4f764a5e282227f0eb63cc5967513ad2a76f8c Mon Sep 17 00:00:00 2001
From: wvffle <funkwhale@wvffle.net>
Date: Thu, 19 Jan 2023 14:42:06 +0000
Subject: [PATCH] fix: remove active state from artists button if unfocused

Part-of: <https://dev.funkwhale.audio/funkwhale/funkwhale/-/merge_requests/2323>
---
 front/src/views/library/LibraryBase.vue | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

diff --git a/front/src/views/library/LibraryBase.vue b/front/src/views/library/LibraryBase.vue
index 09c807633..f9b596219 100644
--- a/front/src/views/library/LibraryBase.vue
+++ b/front/src/views/library/LibraryBase.vue
@@ -231,21 +231,24 @@ const updateUploads = (count: number) => {
               <div class="ui secondary pointing center aligned menu">
                 <router-link
                   class="item"
-
+                  exact-active-class="active"
+                  active-class=""
                   :to="{name: 'library.detail'}"
                 >
                   {{ $t('views.library.LibraryBase.link.artists') }}
                 </router-link>
                 <router-link
                   class="item"
-
+                  exact-active-class="active"
+                  active-class=""
                   :to="{name: 'library.detail.albums'}"
                 >
                   {{ $t('views.library.LibraryBase.link.albums') }}
                 </router-link>
                 <router-link
                   class="item"
-
+                  exact-active-class="active"
+                  active-class=""
                   :to="{name: 'library.detail.tracks'}"
                 >
                   {{ $t('views.library.LibraryBase.link.tracks') }}
@@ -253,7 +256,8 @@ const updateUploads = (count: number) => {
                 <router-link
                   v-if="isOwner"
                   class="item"
-
+                  exact-active-class="active"
+                  active-class=""
                   :to="{name: 'library.detail.upload'}"
                 >
                   <i class="upload icon" />
@@ -262,7 +266,8 @@ const updateUploads = (count: number) => {
                 <router-link
                   v-if="isOwner"
                   class="item"
-
+                  exact-active-class="active"
+                  active-class=""
                   :to="{name: 'library.detail.edit'}"
                 >
                   <i class="pencil icon" />