<tbody> <tr> <td>{state.value.stance}</td> <td> {state.value.equipment === 'unarmed' ? 'Unarmed' : 'Armed!'} {state.matches('equipment.weapon.firing') ? 'BANG' : ''} </td> <button onClick={() => send({ type: 'ATTACK' })} disabled={state.value.equipment === 'unarmed'} onClick={() => send({ type: state.value.equipment === 'unarmed' ? 'EQUIP' : 'UNEQUIP', }) {state.value.equipment === 'unarmed' ? 'EQUIP' : 'UNEQUIP'} </button> <p>
<tbody> <tr> <td>{state.value.stance}</td> <td> {state.value.equipment === 'unarmed' ? 'Unarmed' : 'Armed!'} {state.matches('equipment.weapon.firing') ? 'BANG' : ''} </td> <button onClick={() => send({ type: 'ATTACK' })} disabled={state.value.equipment === 'unarmed'} onClick={() => send({ type: state.value.equipment === 'unarmed' ? 'EQUIP' : 'UNEQUIP', }) {state.value.equipment === 'unarmed' ? 'EQUIP' : 'UNEQUIP'} </button> <p>