Add skip to question button to lecture
This commit is contained in:
@ -1,5 +1,5 @@
|
|||||||
import React, { PropTypes } from 'react';
|
import React, { PropTypes } from 'react';
|
||||||
import { Col, Row, Panel } from 'react-bootstrap';
|
import { Button, Col, Row, Panel } from 'react-bootstrap';
|
||||||
import { Navigation } from 'react-router';
|
import { Navigation } from 'react-router';
|
||||||
import { contain } from 'thundercats-react';
|
import { contain } from 'thundercats-react';
|
||||||
import stampit from 'react-stampit';
|
import stampit from 'react-stampit';
|
||||||
@ -50,6 +50,11 @@ export default contain(
|
|||||||
challengeSeed = ['1'],
|
challengeSeed = ['1'],
|
||||||
description = []
|
description = []
|
||||||
} = this.props.currentHike;
|
} = this.props.currentHike;
|
||||||
|
const transcript = description.map(line => {
|
||||||
|
return (
|
||||||
|
<p>{ line }</p>
|
||||||
|
);
|
||||||
|
});
|
||||||
|
|
||||||
const [ id ] = challengeSeed;
|
const [ id ] = challengeSeed;
|
||||||
|
|
||||||
@ -68,9 +73,17 @@ export default contain(
|
|||||||
<Col xs={ 12 }>
|
<Col xs={ 12 }>
|
||||||
<Panel>
|
<Panel>
|
||||||
<p>
|
<p>
|
||||||
{ description.join('\n') }
|
{ transcript }
|
||||||
</p>
|
</p>
|
||||||
</Panel>
|
</Panel>
|
||||||
|
<Panel>
|
||||||
|
<Button
|
||||||
|
block={ true }
|
||||||
|
bsSize='large'
|
||||||
|
onClick={ ::this.handleFinish }>
|
||||||
|
Take me to the Questions
|
||||||
|
</Button>
|
||||||
|
</Panel>
|
||||||
</Col>
|
</Col>
|
||||||
</Row>
|
</Row>
|
||||||
</Col>
|
</Col>
|
||||||
|
Reference in New Issue
Block a user