From 2fda45897fee0fea84cb04278f6fdaf6c5160e93 Mon Sep 17 00:00:00 2001
From: Berkeley Martinez <Berkeley@robotie.com>
Date: Wed, 15 Jul 2015 23:36:33 -0700
Subject: [PATCH] Add skip to question button to lecture

---
 common/app/routes/Hikes/components/Lecture.jsx | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)

diff --git a/common/app/routes/Hikes/components/Lecture.jsx b/common/app/routes/Hikes/components/Lecture.jsx
index d5a7571834..d59622df3d 100644
--- a/common/app/routes/Hikes/components/Lecture.jsx
+++ b/common/app/routes/Hikes/components/Lecture.jsx
@@ -1,5 +1,5 @@
 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 { contain } from 'thundercats-react';
 import stampit from 'react-stampit';
@@ -50,6 +50,11 @@ export default contain(
         challengeSeed = ['1'],
         description = []
       } = this.props.currentHike;
+      const transcript = description.map(line => {
+        return (
+          <p>{ line }</p>
+        );
+      });
 
       const [ id ] = challengeSeed;
 
@@ -68,9 +73,17 @@ export default contain(
             <Col xs={ 12 }>
               <Panel>
                 <p>
-                  { description.join('\n') }
+                  { transcript }
                 </p>
               </Panel>
+              <Panel>
+                <Button
+                  block={ true }
+                  bsSize='large'
+                  onClick={ ::this.handleFinish }>
+                  Take me to the Questions
+                </Button>
+              </Panel>
             </Col>
           </Row>
         </Col>