diff --git a/packages/learn/src/components/Map/components/Block.js b/packages/learn/src/components/Map/components/Block.js index 1e720236be..1882987065 100644 --- a/packages/learn/src/components/Map/components/Block.js +++ b/packages/learn/src/components/Map/components/Block.js @@ -75,10 +75,18 @@ export class Block extends PureComponent { }; } + renderCheckMark(isCompleted) { + return isCompleted ? ( + + ) : ( + + ); + } + renderChallenges(intro = {}, challenges = []) { // TODO: Split this into a Challenge Component and add tests // TODO: The styles badge and map-badge on the completion span do not exist - return [intro].concat(challenges).map(challenge => { + return [intro].concat(challenges).map((challenge, i) => { const completedClass = challenge.isCompleted ? ' map-challenge-title-completed' : ''; @@ -88,11 +96,7 @@ export class Block extends PureComponent { key={'map-challenge' + challenge.fields.slug} > - {challenge.isCompleted ? ( - - ) : ( - - )} + {i !== 0 && this.renderCheckMark(challenge.isCompleted)} - - + />