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)}
-
-
+ />