Change project list according to #8867
This commit is contained in:
@ -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
|
<li
|
||||||
className='checklist-element'
|
className='step-text wrappable'
|
||||||
id={ title + index }
|
dangerouslySetInnerHTML={{ __html: line }}
|
||||||
key={ title.slice(6) + 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
|
|
||||||
className='step-text wrappable'
|
|
||||||
dangerouslySetInnerHTML={{ __html: line }}
|
|
||||||
/>
|
|
||||||
</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 }
|
||||||
|
Reference in New Issue
Block a user