Feature(map): add super block message logic

common/app/routes/challenges/components/map/Block.jsx

@@ -11,11 +11,10 @@ import { toggleThisPanel } from '../../redux/actions';
 const dispatchActions = { toggleThisPanel };
 const mapStateToProps = createSelector(
   (_, props) => props.dashedName,
-  state => state.entities.block,
+  (state, props) => state.entities.block[props.dashedName],
   state => state.entities.challenge,
   (state, props) => state.challengesApp.mapUi[props.dashedName],
-  (dashedName, blockMap, challengeMap, isOpen) => {
-    const block = blockMap[dashedName];
+  (dashedName, block, challengeMap, isOpen) => {
     return {
       isOpen,
       dashedName,

common/app/routes/challenges/components/map/Super-Block.jsx

@@ -11,12 +11,14 @@ import { toggleThisPanel } from '../../redux/actions';
 const dispatchActions = { toggleThisPanel };
 const mapStateToProps = createSelector(
   (_, props) => props.dashedName,
-  state => state.entities.superBlock,
+  (state, props) => state.entities.superBlock[props.dashedName],
   (state, props) => state.challengesApp.mapUi[props.dashedName],
-  (dashedName, superBlockMap, isOpen) => ({
+  (dashedName, superBlock, isOpen) => ({
     isOpen,
-    title: superBlockMap[dashedName].title,
-    blocks: superBlockMap[dashedName].blocks
+    dashedName,
+    title: superBlock.title,
+    blocks: superBlock.blocks,
+    message: superBlock.message
   })
 );
 export class SuperBlock extends PureComponent {

seed/challenges/06-coding-interview-preperation/coding-interview-training.json

@@ -3,7 +3,7 @@
   "order": 23,
   "time": "70 Hours",
   "isLocked": true,
-  "message": "To qualify for these nonprofit projects, you must first earn all three foundational certifications: Front End, Data Visualization, and Back End",
+  "message": "To qualify for the coding interview preparation, you must first earn all three foundational certifications: Front End, Data Visualization, and Back End",
   "challenges": [
     {
       "title": "Soft Skill Training"

seed/challenges/06-coding-interview-preperation/mock-interview-training.json

@@ -3,7 +3,7 @@
   "order": 24,
   "time": "10 Hours",
   "isLocked": true,
-  "message": "To qualify for these nonprofit projects, you must first earn all three foundational certifications: Front End, Data Visualization, and Back End",
+  "message": "To qualify for the coding interview preparation, you must first earn all three foundational certifications: Front End, Data Visualization, and Back End",
   "challenges": [
     {
       "title": "Mock Interview #1"

server/services/map.js

@@ -59,7 +59,8 @@ function cachedMap(Block) {
           order: block.superOrder,
           name: nameify(_.startCase(block.superBlock)),
           dashedName: block.superBlock,
-          blocks: [block]
+          blocks: [block],
+          message: block.superBlockMessage
         };
       }
       return map;