From 6d706c17a8a1dba692c174fb1b3c0d3b9372d052 Mon Sep 17 00:00:00 2001
From: MattDHarding <starcide@gmail.com>
Date: Sat, 23 Apr 2022 09:54:01 +0100
Subject: [PATCH] Hand cursor now displayed over artist and album cards

---
 changes/changelog.d/cursor.enhancement     |  1 +
 front/src/components/audio/album/Card.vue  | 26 +++++++++++++---------
 front/src/components/audio/artist/Card.vue | 26 +++++++++++++---------
 3 files changed, 31 insertions(+), 22 deletions(-)
 create mode 100644 changes/changelog.d/cursor.enhancement

diff --git a/changes/changelog.d/cursor.enhancement b/changes/changelog.d/cursor.enhancement
new file mode 100644
index 000000000..da943aeda
--- /dev/null
+++ b/changes/changelog.d/cursor.enhancement
@@ -0,0 +1 @@
+Hand cursor now displayed over artist and album cards
diff --git a/front/src/components/audio/album/Card.vue b/front/src/components/audio/album/Card.vue
index 7f5afac63..52c440a20 100644
--- a/front/src/components/audio/album/Card.vue
+++ b/front/src/components/audio/album/Card.vue
@@ -1,17 +1,21 @@
 <template>
   <div class="card app-card component-album-card">
-    <div
-      v-lazy:background-image="imageUrl"
-      :class="['ui', 'head-image', 'image', {'default-cover': !album.cover || !album.cover.urls.original}]"
-      @click="$router.push({name: 'library.albums.detail', params: {id: album.id}})"
+    <router-link
+      class="discrete link"
+      :to="{name: 'library.albums.detail', params: {id: album.id}}"
     >
-      <play-button
-        :icon-only="true"
-        :is-playable="album.is_playable"
-        :button-classes="['ui', 'circular', 'large', 'vibrant', 'icon', 'button']"
-        :album="album"
-      />
-    </div>
+      <div
+        v-lazy:background-image="imageUrl"
+        :class="['ui', 'head-image', 'image', {'default-cover': !album.cover || !album.cover.urls.original}]"
+      >
+        <play-button
+          :icon-only="true"
+          :is-playable="album.is_playable"
+          :button-classes="['ui', 'circular', 'large', 'vibrant', 'icon', 'button']"
+          :album="album"
+        />
+      </div>
+    </router-link>
     <div class="content">
       <strong>
         <router-link
diff --git a/front/src/components/audio/artist/Card.vue b/front/src/components/audio/artist/Card.vue
index c02d825f7..465a0e1f6 100644
--- a/front/src/components/audio/artist/Card.vue
+++ b/front/src/components/audio/artist/Card.vue
@@ -1,17 +1,21 @@
 <template>
   <div class="app-card card">
-    <div
-      v-lazy:background-image="imageUrl"
-      :class="['ui', 'head-image', 'circular', 'image', {'default-cover': !cover || !cover.urls.original}]"
-      @click="$router.push({name: 'library.artists.detail', params: {id: artist.id}})"
+    <router-link
+      class="discrete link"
+      :to="{name: 'library.artists.detail', params: {id: artist.id}}"
     >
-      <play-button
-        :icon-only="true"
-        :is-playable="artist.is_playable"
-        :button-classes="['ui', 'circular', 'large', 'vibrant', 'icon', 'button']"
-        :artist="artist"
-      />
-    </div>
+      <div
+        v-lazy:background-image="imageUrl"
+        :class="['ui', 'head-image', 'circular', 'image', {'default-cover': !cover || !cover.urls.original}]"
+      >
+        <play-button
+          :icon-only="true"
+          :is-playable="artist.is_playable"
+          :button-classes="['ui', 'circular', 'large', 'vibrant', 'icon', 'button']"
+          :artist="artist"
+        />
+      </div>
+    </router-link>
     <div class="content">
       <strong>
         <router-link