gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Make map links react aware

Browse Source
This commit is contained in:
Berkeley Martinez
2016-04-18 19:06:33 -07:00
parent caa992ecff
commit 96f4f3413a
1 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
common/app/routes/map/components/Block.jsx
View File

@ -1,4 +1,5 @@
import React, { PropTypes } from 'react'; import React, { PropTypes } from 'react';
import { Link } from 'react-router';
import FA from 'react-fontawesome'; import FA from 'react-fontawesome';
import PureComponent from 'react-pure-render/component'; import PureComponent from 'react-pure-render/component';
import { Panel } from 'react-bootstrap'; import { Panel } from 'react-bootstrap';
@ -26,7 +27,7 @@ export default class Block extends PureComponent {
'challenge-title': true, 'challenge-title': true,
'ion-checkmark-circled': !isLocked, 'ion-checkmark-circled': !isLocked,
'ion-locked': isLocked, 'ion-locked': isLocked,
'disabled': isLocked disabled: isLocked
}); });
if (isLocked) { if (isLocked) {
return ( return (
@ -46,7 +47,7 @@ export default class Block extends PureComponent {
<p <p
className={ challengeClassName } className={ challengeClassName }
key={ title }> key={ title }>
<a href={ `/challenges/${dashedName}` }> <Link to={ `/challenges/${dashedName}` }>
{ title } { title }
<span className='sr-only'>complete</span> <span className='sr-only'>complete</span>
{ {
@ -54,7 +55,7 @@ export default class Block extends PureComponent {
<span className='text-primary'><strong>*</strong></span> : <span className='text-primary'><strong>*</strong></span> :
'' ''
} }
</a> </Link>
</p> </p>
); );
}); });