Log errors when listing aliases

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 () {

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"