ntr/mnml
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

wip

Browse Source
This commit is contained in:
ntr
2019-05-02 15:17:08 +10:00
parent e7d1c4f26c
commit 77de692a0f
5 changed files with 49 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/src/components/game.component.jsx
+9 -12
View File
@@ -153,21 +153,18 @@ function GamePanel(props) {
className={`cryp-box ${ko} ${classes}`}
style={ activeSkill ? { cursor: 'pointer' } : {}}
onClick={() => selectSkillTarget(cryp.id)} >
<div className="cryp-box-top">
<figure
className="img"
onClick={() => selectSkillTarget(cryp.id)} >
{crypAvatar(cryp.name)}
{combatTextEl}
<div>{cryp.name}</div>
</figure>
<div className="effects">
{cryp.effects.map(c => <span key={c.effect}>{c.effect} - {c.duration}T</span>)}
</div>
</div>
<div className="stats">
{stats}
</div>
<figure
className="img"
onClick={() => selectSkillTarget(cryp.id)} >
{crypAvatar(cryp.name)}
{combatTextEl}
</figure>
<div className="effects">
{cryp.effects.map(c => <span key={c.effect}>{c.effect} - {c.duration}T</span>)}
</div>
</div>
);
}
client/src/components/game.cryp.jsx
+16 -12
View File
@@ -81,26 +81,30 @@ function GameCryp(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
style={ activeSkill ? { cursor: 'pointer' } : {}}
onClick={onClick}
className={`cryp-box ${ko} ${classes}`} >
<div className="cryp-box-top">
<figure
className="img"
onClick={() => selectSkillTarget(cryp.id)} >
{crypAvatar(cryp.name)}
{combatTextEl}
<div>{cryp.name}</div>
</figure>
<div className="skills">
{skills}
</div>
</div>
<div className="stats">
{stats}
</div>
<div className="effects">
{effects}
</div>
<figure
className="img"
onClick={() => selectSkillTarget(cryp.id)} >
{crypAvatar(cryp.name)}
{combatTextEl}
</figure>
<div className="skills">
{skills}
</div>
</div>
);
}