ntr/mnml
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix vbox button flashing by adding key to mapped btns

Browse Source
This commit is contained in:
ntr 2019-11-06 16:25:29 +11:00
parent 8b4c616629
commit 79f1712864
1 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
client/src/components/vbox.component.jsx
View File

@ -177,7 +177,7 @@ class Vbox extends preact.Component {
} }
function availableBtn(v, group, index) { 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; const selected = vboxSelected[0] === group && vboxSelected[1] === index;
// state not yet set in double click handler // state not yet set in double click handler
@ -219,6 +219,7 @@ class Vbox extends preact.Component {
onClick(ev); onClick(ev);
ev.dataTransfer.setData('text', '') ev.dataTransfer.setData('text', '')
}} }}
key={(group + 1) * index}
onDragEnd={clearVboxSelected}> onDragEnd={clearVboxSelected}>
<button <button
class={classes} class={classes}
@ -278,7 +279,7 @@ class Vbox extends preact.Component {
const inventoryHighlight = vboxSelecting || itemUnequip.length; const inventoryHighlight = vboxSelecting || itemUnequip.length;
if (!v && v !== 0) { 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]); const combinerItems = combiner.map(j => vbox.bound[j]);
@ -330,6 +331,7 @@ class Vbox extends preact.Component {
return ( return (
<label <label
key={i}
draggable='true' draggable='true'
onDragStart={ev => { onDragStart={ev => {
onClick(ev); onClick(ev);