|
|
@@ -18,12 +18,13 @@ const TotalScore = styled.span`
|
|
|
font-size: 1.1em;
|
|
|
`
|
|
|
|
|
|
-const List = styled.ol`
|
|
|
+const List = styled.ul`
|
|
|
display: flex;
|
|
|
flex-flow: column nowrap;
|
|
|
justify-content: center;
|
|
|
align-items: flex-start;
|
|
|
margin-bottom: 20%;
|
|
|
+ list-style: none;
|
|
|
`
|
|
|
|
|
|
const Score = styled.li`
|
|
|
@@ -39,7 +40,7 @@ export default ({ name, guesses, totalScore }) => (
|
|
|
["1", "2", "3", "4", "5"]
|
|
|
.map(key => {
|
|
|
const score = guesses[key]?.score
|
|
|
- return score ? <Score key={key}>{score}</Score> : null
|
|
|
+ return score !== undefined ? <Score key={key}>{score}</Score> : null
|
|
|
})
|
|
|
}
|
|
|
</List>
|
