From eebcd48447372d3621664a08c28f616dc2174396 Mon Sep 17 00:00:00 2001
From: Thomas Citharel <tcit@tcit.fr>
Date: Wed, 20 Apr 2022 08:59:40 +0200
Subject: [PATCH] Improve IdentityPicker

Signed-off-by: Thomas Citharel <tcit@tcit.fr>
---
 js/src/views/Account/IdentityPicker.vue | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/js/src/views/Account/IdentityPicker.vue b/js/src/views/Account/IdentityPicker.vue
index 5aaefc4bb..50c4c9666 100644
--- a/js/src/views/Account/IdentityPicker.vue
+++ b/js/src/views/Account/IdentityPicker.vue
@@ -4,7 +4,7 @@
       <p class="modal-card-title">{{ $t("Pick an identity") }}</p>
     </header>
     <section class="modal-card-body">
-      <div class="list is-hoverable">
+      <div class="list is-hoverable list-none">
         <a
           class="list-item"
           v-for="identity in identities"
@@ -12,7 +12,7 @@
           :class="{
             'is-active': currentIdentity && identity.id === currentIdentity.id,
           }"
-          @click="changeCurrentIdentity(identity)"
+          @click="currentIdentity = identity"
         >
           <div class="media">
             <img
@@ -60,10 +60,11 @@ export default class IdentityPicker extends Vue {
 
   identities: IActor[] = [];
 
-  currentIdentity: IActor = this.value;
+  get currentIdentity(): IActor {
+    return this.value;
+  }
 
-  changeCurrentIdentity(identity: IActor): void {
-    this.currentIdentity = identity;
+  set currentIdentity(identity: IActor) {
     this.$emit("input", identity);
   }
 }