Merge pull request #135 from Bouncey/fix/introCheckMark

Remove check mark against intro pages

packages/learn/src/components/Map/components/Block.js

@@ -75,10 +75,18 @@ export class Block extends PureComponent {
     };
   }
 
+  renderCheckMark(isCompleted) {
+    return isCompleted ? (
+      <GreenPass style={mapIconStyle} />
+    ) : (
+      <GreenNotCompleted style={mapIconStyle} />
+    );
+  }
+
   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}
           >
           <span className='badge map-badge'>
-            {challenge.isCompleted ? (
+            {i !== 0 && this.renderCheckMark(challenge.isCompleted)}
-              <GreenPass style={mapIconStyle} />
-            ) : (
-              <GreenNotCompleted style={mapIconStyle} />
-            )}
           </span>
           <Link
             onClick={this.handleChallengeClick(challenge.fields.slug)}

packages/learn/src/components/Map/components/__snapshots__/Block.test.js.snap

@@ -36,17 +36,7 @@ exports[`<Block expanded snapshot: block-expanded 1`] = `
     >
       <span
         className="badge map-badge"
-      >
+      />
-        <GreenNotCompleted
-          style={
-            Object {
-              "height": "15px",
-              "marginRight": "10px",
-              "width": "15px",
-            }
-          }
-        />
-      </span>
       <Unknown
         onClick={[Function]}
         to="/super-block-one/block-a"