From ffecfac8c7e1d499fdc60f552530844240a6c1a5 Mon Sep 17 00:00:00 2001
From: geoffrey45 <geoffreymungai45@gmail.com>
Date: Fri, 7 Oct 2022 20:04:01 +0300
Subject: [PATCH] fix playing tracks from search page

---
 src/components/nav/Titles/QueueTitle.vue |  3 ++-
 src/components/shared/ArtistName.vue     |  1 -
 src/router/routes.ts                     |  2 +-
 src/views/SearchView/index.ts            |  3 +++
 src/views/SearchView/tracks.vue          | 13 ++++++++++++-
 5 files changed, 18 insertions(+), 4 deletions(-)
 create mode 100644 src/views/SearchView/index.ts

diff --git a/src/components/nav/Titles/QueueTitle.vue b/src/components/nav/Titles/QueueTitle.vue
index 330b74bc..f06e51a2 100644
--- a/src/components/nav/Titles/QueueTitle.vue
+++ b/src/components/nav/Titles/QueueTitle.vue
@@ -77,12 +77,13 @@ function getSource() {
           name: Routes.search,
           params: {
             query: source.query,
+            page: "tracks",
           },
         },
       };
 
     default:
-      return { name: "👻 Ghost source", location: {} };
+      return { name: "👻 No source", location: {} };
   }
 }
 
diff --git a/src/components/shared/ArtistName.vue b/src/components/shared/ArtistName.vue
index ead55c9b..d13c6bf3 100644
--- a/src/components/shared/ArtistName.vue
+++ b/src/components/shared/ArtistName.vue
@@ -5,7 +5,6 @@
     class="ellip"
     :style="{
       fontSize: small ? '0.85rem' : smaller ? 'small' : '',
-      padding: '0 .25rem'
     }"
   >
     <div v-if="artists === null || artists.length === 0">
diff --git a/src/router/routes.ts b/src/router/routes.ts
index dc7eb6c6..74531287 100644
--- a/src/router/routes.ts
+++ b/src/router/routes.ts
@@ -80,7 +80,7 @@ const routes = [
   {
     path: "/search/:page",
     name: "SearchView",
-    component: () => import("@/views/SearchView/main.vue"),
+    component: () => import("@/views/SearchView"),
   },
   {
     path: "/queue",
diff --git a/src/views/SearchView/index.ts b/src/views/SearchView/index.ts
new file mode 100644
index 00000000..edaef9eb
--- /dev/null
+++ b/src/views/SearchView/index.ts
@@ -0,0 +1,3 @@
+import SearchView from "./main.vue";
+
+export default SearchView;
diff --git a/src/views/SearchView/tracks.vue b/src/views/SearchView/tracks.vue
index 0bf08596..d269aaca 100644
--- a/src/views/SearchView/tracks.vue
+++ b/src/views/SearchView/tracks.vue
@@ -1,7 +1,11 @@
 <template>
   <div class="search-tracks-view">
     <div class="no-scroll">
-      <Layout :no_header="true" :tracks="search.tracks.value" />
+      <Layout
+        :no_header="true"
+        :tracks="search.tracks.value"
+        @playFromPage="playFromSearch"
+      />
     </div>
   </div>
 </template>
@@ -9,8 +13,15 @@
 <script setup lang="ts">
 import Layout from "@/layouts/HeaderAndVList.vue";
 import useSearchStore from "@/stores/search";
+import useQueueStore from "@/stores/queue";
 
 const search = useSearchStore();
+const queue = useQueueStore();
+
+function playFromSearch(index: number) {
+  queue.playFromSearch(search.query, search.tracks.value);
+  queue.play(index);
+}
 </script>
 
 <style lang="scss">