From ce348e268b86410e6b4f48b8968eb6583c9373e4 Mon Sep 17 00:00:00 2001
From: Kata <git@kat.cafe>
Date: Thu, 21 Mar 2019 11:02:43 -0500
Subject: [PATCH] make more canonical keys for cats/roles in hope to combat
 randomization

---
 ui/pages/_internal/_server.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/ui/pages/_internal/_server.js b/ui/pages/_internal/_server.js
index d709f0c..bdba632 100644
--- a/ui/pages/_internal/_server.js
+++ b/ui/pages/_internal/_server.js
@@ -90,11 +90,11 @@ class Server extends React.Component<ServerPageProps> {
         { this.renderSocial() }
         hello <span style={{ color: currentServer.gm.color }}>{currentServer.gm.nickname}</span> on {currentServer.server.name} ({ view.dirty ? 'dirty' : 'clean' })
         <Hider visible={true || currentServer.id !== null}>
-          { !view.invalidated && view.categories.map(c => <Category key={c.id}>
+          { !view.invalidated && view.categories.map(c => <Category key={`cat__${c.name}__${c.id}`}>
             <div>{ c.name }</div>
             <div>
               {
-                c._roles && c._roles.map(r => <Role key={r.id} role={r} active={view.selected.includes(r.id)} onToggle={this.onToggle(r)} disabled={!r.safe} />)
+                c._roles && c._roles.map(r => <Role key={`role__${r.name}__${r.id}`} role={r} active={view.selected.includes(r.id)} onToggle={this.onToggle(r)} disabled={!r.safe} />)
               }
             </div>
           </Category>) }