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

fix name class

Browse Source
This commit is contained in:
ntr 2019-10-26 16:13:32 +11:00
parent a633e3b297
commit d370709d90
3 changed files with 10 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
client/src/components/account.box.jsx
View File

@ -101,11 +101,13 @@ function AccountBox(args) {
// ); // );
// } // }
const nameClass = `name ${account.subscribed ? 'subscriber' : ''}`;
return ( return (
<div class='player-box bottom'> <div class='player-box bottom'>
<div class="msg">&nbsp;</div> <div class="msg">&nbsp;</div>
<StateAccountAvatar /> <StateAccountAvatar />
<div class="name subscriber">{account.name}</div> <div class={nameClass}>{account.name}</div>
<div class="score">&nbsp;</div> <div class="score">&nbsp;</div>
</div> </div>
); );

2
client/src/components/play.footer.jsx
View File

@ -3,8 +3,6 @@ const { connect } = require('preact-redux');
const { errorToast, infoToast } = require('../utils'); const { errorToast, infoToast } = require('../utils');
const AccountBox = require('./account.box');
const addState = connect( const addState = connect(
function receiveState(state) { function receiveState(state) {
const { const {

10
client/src/components/player.box.jsx
View File

@ -70,22 +70,26 @@ function Scoreboard(args) {
const winner = player.score === 'Win'; const winner = player.score === 'Win';
if (!isPlayer) { if (!isPlayer) {
const nameClass = `name ${player.img ? 'subscriber' : ''}`;
return ( return (
<div class={`player-box top ${winner ? 'winner' : player.ready ? 'ready' : ''}`}> <div class={`player-box top ${winner ? 'winner' : player.ready ? 'ready' : ''}`}>
<div></div> <div></div>
<div class="score">{scoreText()}</div> <div class="score">{scoreText()}</div>
<div class="name">{player.name}</div> <div class={nameClass}>{player.name}</div>
<Img img={player.img} id={player.id} /> <Img img={player.img} id={player.id} />
<div class="msg">{chat || '\u00A0'}</div> <div class="msg">{chat || '\u00A0'}</div>
</div> </div>
); );
} }
const boxClass = `player-box bottom ${winner ? 'winner': player.ready ? 'ready' : ''}`;
const nameClass = `name ${player.img ? 'subscriber' : ''}`;
return ( return (
<div class={`player-box bottom ${winner ? 'winner': player.ready ? 'ready' : ''}`}> <div class={boxClass}>
<div class="msg">{chat || '\u00A0'}</div> <div class="msg">{chat || '\u00A0'}</div>
<div class="score">{scoreText()}</div> <div class="score">{scoreText()}</div>
<div class="name">{player.name}</div> <div class={nameClass}>{player.name}</div>
<Img img={player.img} id={player.id} /> <Img img={player.img} id={player.id} />
</div> </div>
); );