From ad7e93c72a30416d1f4544a514054afb40fcae96 Mon Sep 17 00:00:00 2001
From: AkiraFukushima <h3.poteto@gmail.com>
Date: Sun, 15 Sep 2019 23:12:49 +0900
Subject: [PATCH] refs #1035 Add reload method for account profile in sidebar

---
 .../components/TimelineSpace/Contents/SideBar.vue     |  6 ++++--
 src/renderer/store/TimelineSpace/Contents/SideBar.ts  |  7 +++++++
 .../TimelineSpace/Contents/SideBar/AccountProfile.ts  | 11 +++++++++++
 3 files changed, 22 insertions(+), 2 deletions(-)

diff --git a/src/renderer/components/TimelineSpace/Contents/SideBar.vue b/src/renderer/components/TimelineSpace/Contents/SideBar.vue
index 3a98bb63..99957d89 100644
--- a/src/renderer/components/TimelineSpace/Contents/SideBar.vue
+++ b/src/renderer/components/TimelineSpace/Contents/SideBar.vue
@@ -3,7 +3,7 @@
     <div id="side_bar" v-if="openSideBar" v-shortkey="shortcutEnabled ? { close: ['esc'] } : {}" @shortkey="handleKey">
       <div class="header">
         <i class="el-icon-loading" v-show="loading"></i>
-        <i class="el-icon-refresh" @click="refresh"></i>
+        <i class="el-icon-refresh" @click="reload"></i>
         <i class="el-icon-close" @click="close"></i>
       </div>
       <div id="sidebar_scrollable">
@@ -64,7 +64,9 @@ export default {
     changeLoading(value) {
       this.loading = value
     },
-    refresh() {},
+    reload() {
+      this.$store.dispatch('TimelineSpace/Contents/SideBar/reload')
+    },
     handleKey(event) {
       switch (event.srcKey) {
         case 'close':
diff --git a/src/renderer/store/TimelineSpace/Contents/SideBar.ts b/src/renderer/store/TimelineSpace/Contents/SideBar.ts
index 4ec75eb8..0d97ac09 100644
--- a/src/renderer/store/TimelineSpace/Contents/SideBar.ts
+++ b/src/renderer/store/TimelineSpace/Contents/SideBar.ts
@@ -46,6 +46,13 @@ const actions: ActionTree<SideBarState, RootState> = {
     commit(MUTATION_TYPES.CHANGE_OPEN_SIDEBAR, false)
     commit(MUTATION_TYPES.CHANGE_COMPONENT, Component.Blank)
   },
+  reload: ({ state, dispatch }) => {
+    if (state.component === Component.AccountProfile) {
+      dispatch('TimelineSpace/Contents/SideBar/AccountProfile/reload', {}, { root: true })
+    } else if (state.component === Component.TootDetail) {
+      dispatch('TimelineSpace/Contents/SideBar/TootDetail/reload', {}, { root: true })
+    }
+  },
   openAccountComponent: ({ commit }) => {
     commit(MUTATION_TYPES.CHANGE_COMPONENT, Component.AccountProfile)
   },
diff --git a/src/renderer/store/TimelineSpace/Contents/SideBar/AccountProfile.ts b/src/renderer/store/TimelineSpace/Contents/SideBar/AccountProfile.ts
index 3d2f0212..7bfa2db4 100644
--- a/src/renderer/store/TimelineSpace/Contents/SideBar/AccountProfile.ts
+++ b/src/renderer/store/TimelineSpace/Contents/SideBar/AccountProfile.ts
@@ -74,6 +74,17 @@ const actions: ActionTree<AccountProfileState, RootState> = {
     commit(MUTATION_TYPES.CHANGE_RELATIONSHIP, res.data[0])
     return res.data
   },
+  reload: async ({ dispatch, state, commit }) => {
+    commit(MUTATION_TYPES.CHANGE_LOADING, true)
+    Promise.all([
+      dispatch('fetchRelationship', state.account),
+      dispatch('TimelineSpace/Contents/SideBar/AccountProfile/Timeline/fetchTimeline', state.account, { root: true }),
+      dispatch('TimelineSpace/Contents/SideBar/AccountProfile/Followers/fetchFollowers', state.account, { root: true }),
+      dispatch('TimelineSpace/Contents/SideBar/AccountProfile/Follows/fetchFollows', state.account, { root: true })
+    ]).finally(() => {
+      commit(MUTATION_TYPES.CHANGE_LOADING, false)
+    })
+  },
   follow: async ({ commit, rootState, dispatch }, account: Account) => {
     const client = new Mastodon(rootState.TimelineSpace.account.accessToken!, rootState.TimelineSpace.account.baseURL + '/api/v1')
     const res: Response<Relationship> = await client.post<Relationship>(`/accounts/${account.id}/follow`)