Fix account selection garbage

src/components/list_edit/list_edit.js

@@ -57,15 +57,16 @@ const ListNew = {
     onInput () {
       this.search(this.query)
     },
-    selectUser (user, event) {
+    selectUser (user) {
       if (this.selectedUserIds.includes(user.id)) {
         this.removeUser(user.id)
-        event.target.classList.remove('selected')
       } else {
         this.addUser(user)
-        event.target.classList.add('selected')
       }
     },
+    isSelected (user) {
+      return this.selectedUserIds.includes(user.id)
+    },
     addUser (user) {
       this.selectedUserIds.push(user.id)
     },

src/components/list_edit/list_edit.vue

@@ -41,9 +41,11 @@
         :key="user.id"
         class="member"
       >
-        <div @click.capture.prevent="selectUser(user, $event)">
-          <BasicUserCard :user="user" />
-        </div>
+        <BasicUserCard
+          :user="user"
+          :class="isSelected(user) ? 'selected' : ''"
+          @click.capture.prevent="selectUser(user)"
+        />
       </div>
     </div>
     <button

src/components/list_new/list_new.js

@@ -51,15 +51,16 @@ const ListNew = {
     onInput () {
       this.search(this.query)
     },
-    selectUser (user, event) {
+    selectUser (user) {
       if (this.selectedUserIds.includes(user.id)) {
         this.removeUser(user.id)
-        event.target.classList.remove('selected')
       } else {
         this.addUser(user)
-        event.target.classList.add('selected')
       }
     },
+    isSelected (user) {
+      return this.selectedUserIds.includes(user.id)
+    },
     addUser (user) {
       this.selectedUserIds.push(user.id)
     },

src/components/list_new/list_new.vue

@@ -41,9 +41,11 @@
         :key="user.id"
         class="member"
       >
-        <div @click.capture.prevent="selectUser(user, $event)">
-          <BasicUserCard :user="user" />
-        </div>
+        <BasicUserCard
+          :user="user"
+          :class="isSelected(user) ? 'selected' : ''"
+          @click.capture.prevent="selectUser(user)"
+        />
       </div>
     </div>
     <button