Change project list according to #8867

This commit is contained in:
Berkeley Martinez
2016-06-06 14:06:11 -07:00
parent 7c2053f139
commit 4b4e5ed886

View File

@ -4,7 +4,7 @@ import { connect } from 'react-redux';
import Youtube from 'react-youtube'; import Youtube from 'react-youtube';
import PureComponent from 'react-pure-render/component'; import PureComponent from 'react-pure-render/component';
import { Button, ButtonGroup, Col, Row } from 'react-bootstrap'; import { Button, ButtonGroup, Col } from 'react-bootstrap';
import { challengeSelector } from '../../redux/selectors'; import { challengeSelector } from '../../redux/selectors';
@ -69,33 +69,11 @@ export class Project extends PureComponent {
renderDescription(title = '', description = []) { renderDescription(title = '', description = []) {
return description return description
.map((line, index) => ( .map((line, index) => (
<Row
className='checklist-element'
id={ title + index }
key={ title.slice(6) + index }
>
<Col
className='padded-ionic-icon text-center'
md={ 2 }
sm={ 1 }
xs={ 3 }
>
<input
className='challenge-list-checkbox'
type='checkbox'
/>
</Col>
<Col
md={ 10 }
sm={ 11 }
xs={ 9 }
>
<li <li
className='step-text wrappable' className='step-text wrappable'
dangerouslySetInnerHTML={{ __html: line }} dangerouslySetInnerHTML={{ __html: line }}
key={ title.slice(6) + index }
/> />
</Col>
</Row>
)); ));
} }
@ -121,9 +99,9 @@ export class Project extends PureComponent {
{ this.renderIcon(isCompleted) } { this.renderIcon(isCompleted) }
</h4> </h4>
<hr /> <hr />
<ol> <ul>
{ this.renderDescription(title, description) } { this.renderDescription(title, description) }
</ol> </ul>
</Col> </Col>
<Col <Col
md={ 8 } md={ 8 }