From 9e006a16dc65c2800701e548d1ee4aad0c5d9c5f Mon Sep 17 00:00:00 2001
From: Julien Calixte <juliencalixte@gmail.com>
Date: Sun, 23 Aug 2020 12:08:12 +0200
Subject: [PATCH] :bug: (share) go to account after first sync

---
 src/components/AccountList.vue       | 10 +++++++++-
 src/views/accounts/AccountPublic.vue | 21 +++++++++++++++------
 2 files changed, 24 insertions(+), 7 deletions(-)

diff --git a/src/components/AccountList.vue b/src/components/AccountList.vue
index 9d8e09a..fd3d103 100644
--- a/src/components/AccountList.vue
+++ b/src/components/AccountList.vue
@@ -1,7 +1,11 @@
 <template>
   <div class="account-list">
     <div class="account-grid" v-if="accounts.length">
-      <account-card v-for="(account, k) in accounts" :key="k" :account="account" />
+      <account-card
+        v-for="(account, k) in accounts"
+        :key="k"
+        :account="account"
+      />
     </div>
     <div v-else-if="fetched">
       <awe-icon icon="inbox" />&nbsp;Les comptes créés s'afficheront ici.
@@ -43,6 +47,10 @@ export default class AccountList extends Vue {
     bus.$on(SYNC, this.getData)
   }
 
+  public beforeDestroy() {
+    bus.$off(SYNC, this.getData)
+  }
+
   public async getData(): Promise<void> {
     this.accounts = await accountService.getAll(this.archived)
     this.fetched = true
diff --git a/src/views/accounts/AccountPublic.vue b/src/views/accounts/AccountPublic.vue
index a693562..cbf3665 100644
--- a/src/views/accounts/AccountPublic.vue
+++ b/src/views/accounts/AccountPublic.vue
@@ -6,6 +6,7 @@
 import Vue from 'vue'
 import { Action, Getter } from 'vuex-class'
 import { Component, Prop } from 'vue-property-decorator'
+import bus, { SYNC } from '@/utils/bus-event'
 import IUser from '@/models/IUser'
 import IAccount from '@/models/IAccount'
 import queueNotifService from '@/services/QueueNotifService'
@@ -22,6 +23,7 @@ export default class AccountPublic extends Vue {
   public addAccountId!: any
 
   public async mounted(): Promise<void> {
+    bus.$on(SYNC, this.goToAccount)
     try {
       if (this.id) {
         this.account = await accountService.get(this.id)
@@ -32,21 +34,28 @@ export default class AccountPublic extends Vue {
       }
     } catch (error) {
       this.account = await accountService.getRemote(this.id)
+
       if (this.account && this.account.isPublic) {
         this.addAccountId({ accountId: this.id })
+        await couchService.initLive()
         queueNotifService.success(
           `Récupération du compte public ${this.account.name} en cours...`
         )
-
-        await couchService.initLive()
-        this.$router.push({
-          name: 'account',
-          params: { id: this.id }
-        })
         return
       }
       return
     }
   }
+
+  public beforeDestroy() {
+    bus.$off(SYNC, this.goToAccount)
+  }
+
+  public goToAccount() {
+    this.$router.push({
+      name: 'account',
+      params: { id: this.id }
+    })
+  }
 }
 </script>