yehhhh

client/src/components/game.component.jsx

@@ -99,28 +99,6 @@ function GamePanel(props) {
         </div>
     );
 
-    function stackElement(c, i) {
-        let skills = game.stack.filter(s => s.source_cryp_id === c.id).map((s, j) => {
-            const target = findCryp(s.target_cryp_id);
-            return (
-                <div key={j}>{s.skill} -> {target.name}</div>
-            );
-        });
-
-        if (!skills.length) skills = (<div>&nbsp;</div>);
-
-        const effects = c.effects.map((e, j) => <div key={j}>{e.effect} - {e.duration}T</div>);
-
-        return (
-            <div
-                key={i}
-                className="stack-line">
-                {effects}
-                {skills}
-            </div>
-        );
-    }
-
     function PlayerTeam(team) {
         const cryps = team.cryps.map((c, i) => <GameCryp key={c.id} cryp={c} />);
 
@@ -147,12 +125,18 @@ function GamePanel(props) {
             ? <div className="combat-text">{combatText}</div>
             : null;
 
+        const effects = cryp.effects.length
+            ? cryp.effects.map(c => <span key={c.effect}>{c.effect} - {c.duration}T</span>)
+            : <div>&nbsp;</div>;
+
         return (
             <div
                 key={i}
                 className={`game-cryp ${ko} ${classes}`}
                 style={ activeSkill ? { cursor: 'pointer' } : {}}
                 onClick={() => selectSkillTarget(cryp.id)} >
+                <div className="skills">
+                </div>
                 <figure
                     className="img"
                     onClick={() => selectSkillTarget(cryp.id)} >
@@ -160,7 +144,7 @@ function GamePanel(props) {
                     {combatTextEl}
                 </figure>
                 <div className="effects">
-                    {cryp.effects.map(c => <span key={c.effect}>{c.effect} - {c.duration}T</span>)}
+                    {effects}
                 </div>
                 <div className="stats">
                     {stats}