From 3996747802869be4a13df95bf13ccaf04e9490e6 Mon Sep 17 00:00:00 2001
From: ArneBo <arne@ecobasa.org>
Date: Mon, 14 Apr 2025 13:38:23 +0200
Subject: [PATCH] fix(front): admin detail pages

---
 front/src/components/common/Tooltip.vue        | 2 +-
 front/src/views/admin/ChannelDetail.vue        | 1 -
 front/src/views/admin/library/ArtistDetail.vue | 9 +++++++--
 front/src/views/admin/library/TagDetail.vue    | 1 -
 front/src/views/admin/library/TrackDetail.vue  | 1 -
 5 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/front/src/components/common/Tooltip.vue b/front/src/components/common/Tooltip.vue
index d6e701ac3..51039c372 100644
--- a/front/src/components/common/Tooltip.vue
+++ b/front/src/components/common/Tooltip.vue
@@ -18,7 +18,7 @@ withDefaults(defineProps<Props>(), {
     class="tooltip"
   >
     <slot>
-      <i class="question circle icon" />
+      <i class="bi bi-question-circle" />
     </slot>
   </component>
   <slot v-else />
diff --git a/front/src/views/admin/ChannelDetail.vue b/front/src/views/admin/ChannelDetail.vue
index 45853a821..7e7ccc884 100644
--- a/front/src/views/admin/ChannelDetail.vue
+++ b/front/src/views/admin/ChannelDetail.vue
@@ -171,7 +171,6 @@ const getQuery = (field: string, value: string) => `${field}:"${value}"`
       <Popover v-model="open">
         <template #default="{ toggleOpen }">
           <OptionsButton
-            :title="labels.more"
             is-square-small
             @click="toggleOpen()"
           />
diff --git a/front/src/views/admin/library/ArtistDetail.vue b/front/src/views/admin/library/ArtistDetail.vue
index ad1f41a8c..c06e3bab4 100644
--- a/front/src/views/admin/library/ArtistDetail.vue
+++ b/front/src/views/admin/library/ArtistDetail.vue
@@ -183,7 +183,6 @@ const open = ref(false)
       <Popover v-model="open">
         <template #default="{ toggleOpen }">
           <OptionsButton
-            :title="labels.more"
             is-square-small
             @click="toggleOpen()"
           />
@@ -307,10 +306,16 @@ const open = ref(false)
       stack
       style="flex: 1; gap: 0;"
     >
+      <!-- TODO: Fix tooltip and replace headings with headers. -->
       <Heading
         :h3="t('views.admin.library.ArtistDetail.header.activity')"
         class="category"
-      />
+      >
+        <template #action>
+          <tooltip :content="labels.statsWarning" />
+        </template>
+      </Heading>
+
       <Layout
         flex
         class="details"
diff --git a/front/src/views/admin/library/TagDetail.vue b/front/src/views/admin/library/TagDetail.vue
index e484e4a53..4ea752285 100644
--- a/front/src/views/admin/library/TagDetail.vue
+++ b/front/src/views/admin/library/TagDetail.vue
@@ -13,7 +13,6 @@ import Layout from '~/components/ui/Layout.vue'
 import Spacer from '~/components/ui/Spacer.vue'
 import HumanDate from '~/components/common/HumanDate.vue'
 import Link from '~/components/ui/Link.vue'
-import Pill from '~/components/ui/Pill.vue'
 import Heading from '~/components/ui/Heading.vue'
 import OptionsButton from '~/components/ui/button/Options.vue'
 import Popover from '~/components/ui/Popover.vue'
diff --git a/front/src/views/admin/library/TrackDetail.vue b/front/src/views/admin/library/TrackDetail.vue
index d99a9e2f1..f6fa3cabb 100644
--- a/front/src/views/admin/library/TrackDetail.vue
+++ b/front/src/views/admin/library/TrackDetail.vue
@@ -181,7 +181,6 @@ const getQuery = (field: string, value: string) => `${field}:"${value}"`
       <Popover v-model="open">
         <template #default="{ toggleOpen }">
           <OptionsButton
-            :title="labels.more"
             is-square-small
             @click="toggleOpen()"
           />