From 9485bdd20aadef842acbbd9a03d40d0f6feab21c Mon Sep 17 00:00:00 2001
From: Berkeley Martinez <Berkeley@robotie.com>
Date: Wed, 22 Jul 2015 14:18:37 -0700
Subject: [PATCH] add question header

---
 common/app/routes/Hikes/components/Question.jsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/common/app/routes/Hikes/components/Question.jsx b/common/app/routes/Hikes/components/Question.jsx
index 54a5f03009..65079c8061 100644
--- a/common/app/routes/Hikes/components/Question.jsx
+++ b/common/app/routes/Hikes/components/Question.jsx
@@ -206,15 +206,17 @@ export default React.createClass({
     );
   },
 
-  renderQuestion(question, answer, shake) {
+  renderQuestion(number, question, answer, shake) {
     return ({ val: { x } }) => {
       const style = {
         WebkitTransform: `translate3d(${ x }px, 0, 0)`,
         transform: `translate3d(${ x }px, 0, 0)`
       };
+      const title = <h4>Question { number }</h4>;
       return (
         <Panel
           className={ shake ? 'animated swing shake' : '' }
+          header={ title }
           onMouseDown={ this.handleMouseDown }
           onMouseLeave={ this.handleMouseUp }
           onMouseMove={ this.handleMouseMove(answer) }
@@ -243,7 +245,7 @@ export default React.createClass({
         xsOffset={ 2 }>
         <Row>
           <Spring endValue={ this.getTweenValues }>
-            { this.renderQuestion(question, answer, shake) }
+            { this.renderQuestion(number, question, answer, shake) }
           </Spring>
           { this.renderInfo(showInfo, info) }
           <Panel>