fix name class

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

View File

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

View File

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

View File

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