index fix

client/src/components/game.component.jsx

@@ -190,6 +190,8 @@ function GamePanel(props) {
     }
 
     function OpponentCryp(cryp, i) {
+        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}>
                 {s.svg(`stat-icon ${s.colour}`)}
@@ -200,7 +202,7 @@ function GamePanel(props) {
         return (
             <div
                 key={i}
-                className="cryp-box"
+                className={`cryp-box ${ko}`}
                 style={ activeSkill ? { cursor: 'pointer' } : {}}
                 onClick={() => selectSkillTarget(cryp.id)} >
                 <div className="cryp-box-top">