data: Added character nicks modal

marko/page/data/components/characters-page/component.js

@@ -33,4 +33,16 @@ module.exports = class {
   characterAdded(character) {
     this.state.characters = this.state.characters.concat(character)
   }
+
+  characterNicksChanged(character, nicks) {
+    const characters = this.state.characters.slice()
+    const index = characters.findIndex(c => c.id === character.id)
+    if (index === -1) {
+      return
+    }
+
+    characters[index] = Object.assign(characters[index], {nicks: nicks.slice(), nick: (nicks[0] || "")})
+
+    this.state.characters = characters
+  }
 }

marko/page/data/components/characters-page/index.marko

@@ -1,5 +1,5 @@
 <data-menu categories=input.categories selected=(input.selected || {}) user=input.user on-open("open") />
 <main>
-  <character-list characters=state.characters on-removed("characterRemoved") on-edited("characterEdited") />
+  <character-list characters=state.characters on-removed("characterRemoved") on-edited("characterEdited") on-nicks("characterNicksChanged") />
 </main> 
 <add-character-modal enabled=(state.modal === "character.add") user=input.user on-added("characterAdded") on-close("close") />