refs #657 Fix loading when fetch follows/followers in follow/followers tab

src/renderer/components/TimelineSpace/Contents/SideBar/AccountProfile.vue

@@ -165,22 +165,30 @@ export default {
       }
     },
     follow (account) {
+      this.$store.commit('TimelineSpace/Contents/SideBar/AccountProfile/changeLoading', true)
+      try {
         this.$store.dispatch('TimelineSpace/Contents/SideBar/AccountProfile/follow', account)
-        .catch(() => {
+      } catch (err) {
         this.$message({
           message: this.$t('message.follow_error'),
           type: 'error'
         })
-        })
+      } finally {
+        this.$store.commit('TimelineSpace/Contents/SideBar/AccountProfile/changeLoading', false)
+      }
     },
     unfollow (account) {
+      this.$store.commit('TimelineSpace/Contents/SideBar/AccountProfile/changeLoading', true)
+      try {
         this.$store.dispatch('TimelineSpace/Contents/SideBar/AccountProfile/unfollow', account)
-        .catch(() => {
+      } catch (err) {
         this.$message({
           message: this.$t('message.unfollow_error'),
           type: 'error'
         })
-        })
+      } finally {
+        this.$store.commit('TimelineSpace/Contents/SideBar/AccountProfile/changeLoading', false)
+      }
     },
     changeTab (index) {
       this.activeTab = index

src/renderer/components/TimelineSpace/Contents/SideBar/AccountProfile/Followers.vue

@@ -52,24 +52,32 @@ export default {
       return this.relationships.find(r => r.id === id)
     },
     async followAccount (account) {
+      this.$store.commit('TimelineSpace/Contents/SideBar/AccountProfile/changeLoading', true)
+      try {
         await this.$store.dispatch('TimelineSpace/Contents/SideBar/AccountProfile/follow', account)
-        .catch(() => {
+        await this.$store.dispatch('TimelineSpace/Contents/SideBar/AccountProfile/Followers/fetchRelationships', this.followers)
+      } catch (err) {
         this.$message({
           message: this.$t('message.follow_error'),
           type: 'error'
         })
-        })
+      } finally {
-      await this.$store.dispatch('TimelineSpace/Contents/SideBar/AccountProfile/Followers/fetchRelationships', this.followers)
+        this.$store.commit('TimelineSpace/Contents/SideBar/AccountProfile/changeLoading', false)
+      }
     },
     async unfollowAccount (account) {
+      this.$store.commit('TimelineSpace/Contents/SideBar/AccountProfile/changeLoading', true)
+      try {
         await this.$store.dispatch('TimelineSpace/Contents/SideBar/AccountProfile/unfollow', account)
-        .catch(() => {
+        await this.$store.dispatch('TimelineSpace/Contents/SideBar/AccountProfile/Followers/fetchRelationships', this.followers)
+      } catch (err) {
         this.$message({
           message: this.$t('message.unfollow_error'),
           type: 'error'
         })
-        })
+      } finally {
-      await this.$store.dispatch('TimelineSpace/Contents/SideBar/AccountProfile/Followers/fetchRelationships', this.followers)
+        this.$store.commit('TimelineSpace/Contents/SideBar/AccountProfile/changeLoading', false)
+      }
     }
   }
 }

src/renderer/components/TimelineSpace/Contents/SideBar/AccountProfile/Follows.vue

@@ -52,24 +52,32 @@ export default {
       return this.relationships.find(r => r.id === id)
     },
     async followAccount (account) {
+      this.$store.commit('TimelineSpace/Contents/SideBar/AccountProfile/changeLoading', true)
+      try {
         await this.$store.dispatch('TimelineSpace/Contents/SideBar/AccountProfile/follow', account)
-        .catch(() => {
+        await this.$store.dispatch('TimelineSpace/Contents/SideBar/AccountProfile/Follows/fetchRelationships', this.follows)
+      } catch (err) {
         this.$message({
           message: this.$t('message.follow_error'),
           type: 'error'
         })
-        })
+      } finally {
-      await this.$store.dispatch('TimelineSpace/Contents/SideBar/AccountProfile/Follows/fetchRelationships', this.follows)
+        this.$store.commit('TimelineSpace/Contents/SideBar/AccountProfile/changeLoading', false)
+      }
     },
     async unfollowAccount (account) {
+      this.$store.commit('TimelineSpace/Contents/SideBar/AccountProfile/changeLoading', true)
+      try {
         await this.$store.dispatch('TimelineSpace/Contents/SideBar/AccountProfile/unfollow', account)
-        .catch(() => {
+        await this.$store.dispatch('TimelineSpace/Contents/SideBar/AccountProfile/Follows/fetchRelationships', this.follows)
+      } catch (err) {
         this.$message({
           message: this.$t('message.unfollow_error'),
           type: 'error'
         })
-        })
+      } finally {
-      await this.$store.dispatch('TimelineSpace/Contents/SideBar/AccountProfile/Follows/fetchRelationships', this.follows)
+        this.$store.commit('TimelineSpace/Contents/SideBar/AccountProfile/changeLoading', false)
+      }
     }
   }
 }

src/renderer/store/TimelineSpace/Contents/SideBar/AccountProfile.js

@@ -63,24 +63,17 @@ const AccountProfile = {
         })
     },
     follow ({ state, commit, rootState }, account) {
-      commit('changeLoading', true)
       const client = new Mastodon(
         rootState.TimelineSpace.account.accessToken,
         rootState.TimelineSpace.account.baseURL + '/api/v1'
       )
       return client.post(`/accounts/${account.id}/follow`)
         .then(res => {
-          commit('changeLoading', false)
           commit('changeRelationship', res.data)
           return res.data
         })
-        .catch(err => {
-          commit('changeLoading', false)
-          throw err
-        })
     },
     unfollow ({ commit, rootState }, account) {
-      commit('changeLoading', true)
       const client = new Mastodon(
         rootState.TimelineSpace.account.accessToken,
         rootState.TimelineSpace.account.baseURL + '/api/v1'
@@ -90,9 +83,6 @@ const AccountProfile = {
           commit('changeRelationship', res.data)
           return res.data
         })
-        .finally(() => {
-          commit('changeLoading', false)
-        })
     },
     close ({ commit }) {
       commit('changeAccount', null)