ko

html-client/src/components/game.component.jsx

@@ -48,6 +48,8 @@ function GamePanel(props) {
     }
 
     function Cryp(cryp) {
+        const ko = cryp.hp.value === 0 ? 'ko' : '';
+
         const skills = range(0, 4).map(i => {
             const s = cryp.skills[i];
             if (!s) {
@@ -72,10 +74,10 @@ function GamePanel(props) {
             return (
                 <button
                     key={i}
-                    disabled={!!cdText}
+                    disabled={!!cdText || ko}
                     className={`cryp-skill-btn ${highlight ? 'active' : ''}`}
                     type="submit"
-                    onClick={() => setActiveSkill(cryp.id, s)}>
+                    onClick={() => setActiveSkill(cryp.id, s.skill)}>
                     {s.skill} {cdText}
                 </button>
             );
@@ -94,8 +96,9 @@ function GamePanel(props) {
             </figure>
         ));
 
+
         return (
-            <div className="game-cryp-ctr" >
+            <div className={`game-cryp-ctr ${ko}`} >
                 <div
                     key={cryp.id}
                     style={ activeSkill ? { cursor: 'pointer' } : {}}