Reduce life during combat sequence

client/src/components/game.component.jsx

@@ -3,7 +3,7 @@ const range = require('lodash/range');
 
 const molecule = require('./molecule');
 
-const { STATS, eventClasses, getCombatText } = require('../utils');
+const { STATS, eventClasses, eventLife, getCombatText } = require('../utils');
 
 const GameCryp = require('./game.cryp');
 const SkillBtn = require('./skill.btn');
@@ -108,8 +108,9 @@ function GamePanel(props) {
     }
 
     function OpponentCryp(cryp, i) {
-        const ko = cryp.green_life.value === 0 ? 'ko' : '';
         const classes = eventClasses(resolution, cryp);
+        eventLife(resolution, cryp);
+        const ko = cryp.green_life.value === 0 ? 'ko' : '';
 
         const stats = [STATS.greenLife, STATS.redLife, STATS.blueLife].map((s, j) => (
             <figure key={j} alt={s.stat}>

client/src/components/game.cryp.jsx

@@ -4,7 +4,7 @@ const range = require('lodash/range');
 
 const molecule = require('./molecule');
 const actions = require('../actions');
-const { STATS, eventClasses, getCombatText } = require('../utils');
+const { STATS, eventClasses, eventLife, getCombatText } = require('../utils');
 
 const SkillBtn = require('./skill.btn');
 
@@ -58,9 +58,10 @@ function GameCryp(props) {
         selectSkillTarget,
     } = props;
 
-    const ko = cryp.green_life.value === 0 ? 'ko' : '';
 
     const classes = eventClasses(resolution, cryp);
+    eventLife(resolution, cryp);
+    const ko = cryp.green_life.value === 0 ? 'ko' : '';
 
     const skills = range(0, 3)
         .map(i => <SkillBtn key={i} cryp={cryp} i={i} />);