import React from 'react';
|
|
import FontAwesome from 'react-fontawesome';
|
|
|
|
export default (props) => {
|
|
const name = this.props.name;
|
|
const score = this.props.score;
|
|
var word;
|
|
if (this.props.word === ''){
|
|
word = 'true'
|
|
} else {
|
|
word = 'false'
|
|
}
|
|
|
|
|
|
if (word === 'true') {
|
|
return(
|
|
<li>
|
|
<div>{name}</div>
|
|
<div>{score}</div>
|
|
<FontAwesome name='check-circle' />
|
|
</li>
|
|
)
|
|
} else {
|
|
return (
|
|
<li>
|
|
<div>Name: {name}</div>
|
|
<div>Score: {score}</div>
|
|
<FontAwesome name='times-circle' />
|
|
</li>
|
|
)
|
|
}
|
|
}
|