From 79f171286462d456a2626ff477d53bcc4feef8e9 Mon Sep 17 00:00:00 2001
From: ntr <ntr@smokestack.io>
Date: Wed, 6 Nov 2019 16:25:29 +1100
Subject: [PATCH] fix vbox button flashing by adding key to mapped btns

---
 client/src/components/vbox.component.jsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/client/src/components/vbox.component.jsx b/client/src/components/vbox.component.jsx
index 4fd8932d..ed9c5ee2 100644
--- a/client/src/components/vbox.component.jsx
+++ b/client/src/components/vbox.component.jsx
@@ -177,7 +177,7 @@ class Vbox extends preact.Component {
         }
 
         function availableBtn(v, group, index) {
-            if (!v) return <button disabled class='empty' >&nbsp;</button>;
+            if (!v) return <button disabled class='empty' key={(group + 1) * index} >&nbsp;</button>;
             const selected = vboxSelected[0] === group && vboxSelected[1] === index;
 
             // state not yet set in double click handler
@@ -219,6 +219,7 @@ class Vbox extends preact.Component {
                         onClick(ev);
                         ev.dataTransfer.setData('text', '')
                     }}
+                    key={(group + 1) * index}
                     onDragEnd={clearVboxSelected}>
                     <button
                         class={classes}
@@ -278,7 +279,7 @@ class Vbox extends preact.Component {
             const inventoryHighlight = vboxSelecting || itemUnequip.length;
 
             if (!v && v !== 0) {
-                return <button disabled={!inventoryHighlight} class={inventoryHighlight ? 'receiving' : 'empty'} >&nbsp;</button>;
+                return <button key={i} disabled={!inventoryHighlight} class={inventoryHighlight ? 'receiving' : 'empty'} >&nbsp;</button>;
             }
 
             const combinerItems = combiner.map(j => vbox.bound[j]);
@@ -330,6 +331,7 @@ class Vbox extends preact.Component {
 
             return (
                 <label
+                    key={i}
                     draggable='true'
                     onDragStart={ev => {
                         onClick(ev);