diff --git a/client/src/components/Map/components/Block.js b/client/src/components/Map/components/Block.js index bb5db5446b..fbb4f71aa8 100644 --- a/client/src/components/Map/components/Block.js +++ b/client/src/components/Map/components/Block.js @@ -9,6 +9,7 @@ import ga from '../../../analytics'; import { makeExpandedBlockSelector, toggleBlock } from '../redux'; import { userSelector } from '../../../redux'; import Caret from '../../icons/Caret'; +import { blockNameify } from '../../../../utils/blockNameify'; /* eslint-disable max-len */ import GreenPass from '../../../templates/Challenges/components/icons/GreenPass'; import GreenNotCompleted from '../../../templates/Challenges/components/icons/GreenNotCompleted'; @@ -108,8 +109,7 @@ export class Block extends Component { } render() { - const { completedChallenges, challenges, isExpanded, intro } = this.props; - const { blockName } = challenges[0].fields; + const { blockDashedName, completedChallenges, challenges, isExpanded, intro } = this.props; const challengesWithCompleted = challenges.map(challenge => { const { id } = challenge; const isCompleted = completedChallenges.some( @@ -121,7 +121,7 @@ export class Block extends Component {
  • -
    {blockName}
    +
    {blockNameify(blockDashedName)}