Log errors when listing aliases

2 files changed, 17 insertions, 1 deletions

diff --git a/src/components/settings_modal/tabs/security_tab/security_tab.js b/src/components/settings_modal/tabs/security_tab/security_tab.js
index 3f326f74..fc732936 100644
--- a/src/components/settings_modal/tabs/security_tab/security_tab.js
+++ b/src/components/settings_modal/tabs/security_tab/security_tab.js
@@ -21,6 +21,7 @@ const SecurityTab = {
       movedAccount: false,
       moveAccountError: false,
       aliases: [],
+      listAliasesError: false,
       addAliasTarget: '',
       addedAlias: false,
       addAliasError: false
@@ -136,9 +137,12 @@ const SecurityTab = {
     },
     fetchAliases () {
       this.$store.state.api.backendInteractor.listAliases()
-        .catch(() => {})
         .then((res) => {
           this.aliases = res.aliases
+          this.listAliasesError = false
+        })
+        .catch((error) => {
+          this.listAliasesError = error.error
         })
     },
     logout () {
diff --git a/src/components/settings_modal/tabs/security_tab/security_tab.vue b/src/components/settings_modal/tabs/security_tab/security_tab.vue
index c6c4fa1a..c74a0c67 100644
--- a/src/components/settings_modal/tabs/security_tab/security_tab.vue
+++ b/src/components/settings_modal/tabs/security_tab/security_tab.vue
@@ -130,6 +130,18 @@
           </tr>
         </tbody>
       </table>
+      <div
+        v-if="listAliasesError"
+        class="alert error"
+      >
+        {{ $t('settings.list_aliases_error', { error }) }}
+        <FAIcon
+          class="fa-scale-110 fa-old-padding"
+          icon="times"
+          :title="$t('settings.hide_list_aliases_error_action')"
+          @click="listAliasesError = false"
+        />
+      </div>
       <div>
         <i18n
           path="settings.new_alias_target"