From 1f02f6c71f5b0c28f2ec1dbee18c3163efa5c084 Mon Sep 17 00:00:00 2001
From: qier222 <qier222@outlook.com>
Date: Tue, 27 Apr 2021 17:12:53 +0800
Subject: [PATCH] fix: bug #578

---
 src/components/ModalAddTrackToPlaylist.vue | 17 ++---------------
 src/components/ModalNewPlaylist.vue        |  7 +++++--
 2 files changed, 7 insertions(+), 17 deletions(-)

diff --git a/src/components/ModalAddTrackToPlaylist.vue b/src/components/ModalAddTrackToPlaylist.vue
index b8b5bf6..e00102a 100644
--- a/src/components/ModalAddTrackToPlaylist.vue
+++ b/src/components/ModalAddTrackToPlaylist.vue
@@ -30,7 +30,6 @@
 <script>
 import { mapActions, mapMutations, mapState } from 'vuex';
 import Modal from '@/components/Modal.vue';
-import { userPlaylist } from '@/api/user';
 import { addOrRemoveTrackFromPlaylist } from '@/api/playlist';
 import { disableScrolling, enableScrolling } from '@/utils/ui';
 
@@ -45,7 +44,7 @@ export default {
     };
   },
   computed: {
-    ...mapState(['modals', 'data']),
+    ...mapState(['modals', 'data', 'liked']),
     show: {
       get() {
         return this.modals.addTrackToPlaylistModal.show;
@@ -64,31 +63,19 @@ export default {
       },
     },
     ownPlaylists() {
-      return this.playlists.filter(
+      return this.liked.playlists.filter(
         p =>
           p.creator.userId === this.data.user.userId &&
           p.id !== this.data.likedSongPlaylistID
       );
     },
   },
-  created() {
-    this.getUserPlaylists();
-  },
   methods: {
     ...mapMutations(['updateModal']),
     ...mapActions(['showToast']),
     close() {
       this.show = false;
     },
-    getUserPlaylists() {
-      userPlaylist({
-        timestamp: new Date().getTime(),
-        limit: 1000,
-        uid: this.data.user.userId,
-      }).then(data => {
-        this.playlists = data.playlist;
-      });
-    },
     addTrackToPlaylist(playlistID) {
       addOrRemoveTrackFromPlaylist({
         op: 'add',
diff --git a/src/components/ModalNewPlaylist.vue b/src/components/ModalNewPlaylist.vue
index 7530808..42223b7 100644
--- a/src/components/ModalNewPlaylist.vue
+++ b/src/components/ModalNewPlaylist.vue
@@ -30,7 +30,7 @@
 
 <script>
 import Modal from '@/components/Modal.vue';
-import { mapMutations, mapState } from 'vuex';
+import { mapMutations, mapState, mapActions } from 'vuex';
 import { createPlaylist, addOrRemoveTrackFromPlaylist } from '@/api/playlist';
 import { disableScrolling, enableScrolling } from '@/utils/ui';
 
@@ -66,7 +66,8 @@ export default {
     },
   },
   methods: {
-    ...mapMutations(['updateModal']),
+    ...mapMutations(['updateModal', 'updateData']),
+    ...mapActions(['showToast', 'fetchLikedPlaylist']),
     close() {
       this.show = false;
       this.title = '';
@@ -94,6 +95,8 @@ export default {
           }
           this.close();
           this.showToast('成功创建歌单');
+          this.updateData({ key: 'libraryPlaylistFilter', value: 'mine' });
+          this.fetchLikedPlaylist();
         }
       });
     },