hikes/:dashedName renders questions

common/app/routes/Hikes/components/Lecture.jsx

@@ -39,28 +39,37 @@ export default contain(
       debug('loading questions');
     },
 
+    renderQuestions(questions) {
+      return questions.map(([question]) => {
+        return (
+          <Panel>
+            <p>{ question }</p>
+          </Panel>
+        );
+      });
+    },
+
     render() {
       const {
         title,
         challengeSeed = ['1'],
-        description = []
+        description = [],
+        tests: questions
       } = this.props.currentHike;
 
       const [ id ] = challengeSeed;
 
+      const videoTitle = <h2>{ title }</h2>;
       return (
         <Col xs={ 12 }>
           <Row>
-            <Panel className={ 'text-center' }>
+            <Panel className={ 'text-center' } title={ videoTitle }>
-              <h2>{ title }</h2>
+              <Vimeo
+                onError={ this.handleError }
+                onFinish= { this.handleFinish }
+                videoId={ id } />
             </Panel>
           </Row>
-          <Row>
-            <Vimeo
-              onError={ this.handleError }
-              onFinish= { this.handleFinish }
-              videoId={ id } />
-          </Row>
           <Row>
             <Col xs={ 12 }>
               <Panel>
@@ -70,6 +79,11 @@ export default contain(
               </Panel>
             </Col>
           </Row>
+          <Row>
+            <Col xs={12}>
+              { this.renderQuestions(questions) }
+            </Col>
+          </Row>
         </Col>
       );
     }

server/boot/a-react.js

@@ -10,8 +10,8 @@ const debug = debugFactory('freecc:servereact');
 // add routes here as they slowly get reactified
 // remove their individual controllers
 const routes = [
-  '/Hikes',
+  '/hikes',
-  '/Hikes/:id',
+  '/hikes/*',
   '/jobs'
 ];