From daadad7bf34e4d3dcd95b4772f0a06c0ae5fe1e9 Mon Sep 17 00:00:00 2001
From: Changjian Gao <gaochangjian@gmail.com>
Date: Thu, 17 Jun 2021 12:31:26 +0800
Subject: [PATCH] fix: show toast when search failed (#789)

---
 src/views/search.vue | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/views/search.vue b/src/views/search.vue
index 98e1ca7..df000a7 100644
--- a/src/views/search.vue
+++ b/src/views/search.vue
@@ -85,6 +85,7 @@
 </template>
 
 <script>
+import { mapActions } from 'vuex';
 import { getTrackDetail } from '@/api/track';
 import { search } from '@/api/others';
 import NProgress from 'nprogress';
@@ -135,11 +136,13 @@ export default {
     this.getData();
   },
   methods: {
+    ...mapActions(['showToast']),
     playTrackInSearchResult(id) {
       let track = this.tracks.find(t => t.id === id);
       this.$store.state.player.appendTrackToPlayerList(track, true);
     },
     search(type = 'all') {
+      let showToast = this.showToast;
       const typeTable = {
         all: 1018,
         musicVideos: 1004,
@@ -152,9 +155,13 @@ export default {
         keywords: this.keywords,
         type: typeTable[type],
         limit: 16,
-      }).then(result => {
-        return { result: result.result, type };
-      });
+      })
+        .then(result => {
+          return { result: result.result, type };
+        })
+        .catch(err => {
+          showToast(err.response.data.msg || err.response.data.message);
+        });
     },
     getData() {
       setTimeout(() => {