From b074311122f5505e155792051504c1d69d25e097 Mon Sep 17 00:00:00 2001
From: Thomas Amland <thomas.amland@gmail.com>
Date: Sun, 2 Aug 2020 13:01:16 +0200
Subject: [PATCH] search: fix track list

---
 src/search/SearchResult.vue | 35 ++++++-----------------------------
 src/shared/api.ts           |  2 +-
 2 files changed, 7 insertions(+), 30 deletions(-)

diff --git a/src/search/SearchResult.vue b/src/search/SearchResult.vue
index 64d4e59..6f97a46 100644
--- a/src/search/SearchResult.vue
+++ b/src/search/SearchResult.vue
@@ -10,46 +10,23 @@
       <AlbumList :items="result.albums"/>
     </div>
 
-    <div>
-      <h5 class="text-uppercase">Tracks</h5>
-        <b-table-simple hover>
-      <!-- <thead>
-        <tr>
-          <th class="text-left"></th>
-          <th class="text-left">Title</th>
-          <th class="text-left">Artist</th>
-          <th class="text-left">Album</th>
-          <th class="text-left">Duration</th>
-          <th class="text-left">Actions</th>
-        </tr>
-      </thead> -->
-      <tbody>
-        <tr v-for="(item, index) in result.tracks">
-          <td>
-            <span  @click="play(index)">
-              <Icon icon="play-fill"/>
-            </span>
-          </td>
-          <td>{{ item.title }}</td>
-          <td>{{ item.artist }}</td>
-          <td>{{ item.album }}</td>
-          <!-- <td>{{ item.duration | duration }}</td> -->
-        </tr>
-      </tbody>
-    </b-table-simple>
-
-  </div>
+    <div v-if="result.tracks.length > 0">
+      <h1>Tracks</h1>
+      <TrackList :tracks="result.tracks" showAlbum/>
+    </div>
   </div>
 </template>
 <script lang="ts">
   import Vue from "vue";
   import AlbumList from "@/library/album/AlbumList.vue";
   import ArtistList from "@/library/artist/ArtistList.vue";
+  import TrackList from "@/library/TrackList.vue"
 
   export default Vue.extend({
     components: {
       AlbumList,
       ArtistList,
+      TrackList,
     },
     props: {
       query: String,
diff --git a/src/shared/api.ts b/src/shared/api.ts
index 728a4e2..05cf1f4 100644
--- a/src/shared/api.ts
+++ b/src/shared/api.ts
@@ -222,7 +222,7 @@ export class API {
     };
     const data = await this.get("rest/search3", params);
     return {
-      tracks: data.searchResult3.song || [],
+      tracks: this.normalizeTrackList(data.searchResult3.song || []),
       albums: (data.searchResult3.album || []).map((x: any) => this.normalizeAlbumResponse(x)),
       artists: (data.searchResult3.artist || []).map((x: any) => this.normalizeArtistResponse(x)),
     };