looks like everything works.. needs moar testing

webapp/components/comment.jsx

@@ -41,7 +41,7 @@ var Comment = React.createClass({
           {this.getParentlink()}
         </div>
         <Markdown source={this.props.comment.text} />
-      <hr/></div>
+      <hr/>{this.getComments()}</div>
     } else {
       return <div><hr/>Invalid Comment<hr/></div>
     }

webapp/components/post.jsx

@@ -3,10 +3,9 @@ var Markdown = require('markdown.jsx')
 var Icon = require('icon.jsx')
 var Link = require('react-router').Link
 var Clock = require('clock.jsx')
+var UserID = require('userID.jsx')
 
-module.exports = function(){
+module.exports = React.createClass({
-  var UserID = require('userID.jsx')()
-  return React.createClass({
   getInitialState: function(){
     return { moment: false }
   },
@@ -39,5 +38,4 @@ module.exports = function(){
       </div>
     </div>
   }
-  })
+})
-}

webapp/components/postlist.jsx

@@ -1,10 +1,9 @@
 var React = require('react')
 var sortedIndex = require('lodash.sortedindex')
 var Icon = require('icon.jsx')
+var Post = require('post.jsx')
 
-module.exports = function(){
+module.exports = React.createClass({
-  var Post = require('post.jsx')()
-  return React.createClass({
   getInitialState: function(){
     return { posts: [], api: false }
   },
@@ -54,5 +53,4 @@ module.exports = function(){
       </div>
     )
   }
-  })
+})
-}

webapp/components/userID.jsx

@@ -2,8 +2,7 @@ var React = require('react')
 var Icon = require('icon.jsx')
 var Link = require('react-router').Link
 
-module.exports = function(){
+module.exports = React.createClass({
-  return React.createClass({
   getInitialState: function(){
     return { }
   },
@@ -49,5 +48,4 @@ module.exports = function(){
         </Link>
       </div>)
   }
-  })
+})
-}

webapp/pages/board.jsx

@@ -2,11 +2,11 @@ var React = require('react')
 var Markdown = require('markdown.jsx')
 var Link = require('react-router').Link
 var Icon = require('icon.jsx')
+var UserID = require('userID.jsx')
+var PostList = require('postlist.jsx')
+var GetIPFS = require('getipfs.jsx')
 
 module.exports = function(boardsAPI){
-  var UserID = require('userID.jsx')()
-  var PostList = require('postlist.jsx')()
-  var GetIPFS = require('getipfs.jsx')()
   return React.createClass({
     getInitialState: function(){
       return { name: this.props.params.boardname, api: false }

webapp/pages/commentpage.jsx

@@ -1,13 +1,12 @@
 var React = require('react')
 var Link = require('react-router').Link
 var Icon = require('icon.jsx')
+var UserID = require('userID.jsx')
+var GetIPFS = require('getipfs.jsx')
+var Post = require('post.jsx')
+var Comment = require('comment.jsx').Comment
 
 module.exports = function(boardsAPI){
-  var UserID = require('userID.jsx')()
-  var GetIPFS = require('getipfs.jsx')()
-  var Post = require('post.jsx')()
-  var Comment = require('comment.jsx').Comment
-
   return React.createClass({
     getInitialState: function(){
       return { parent: false, api: false }
@@ -25,6 +24,11 @@ module.exports = function(boardsAPI){
         }
       })
     },
+    componentWillReceiveProps: function(nextProps) {
+      if(nextProps.params.commenthash !== this.props.params.commenthash){
+        location.reload() // cheap hack, should swap with something more efficient
+      }
+    },
     init: function(boards){
       if(this.state.init) return
       this.setState({ api: true, boards: boards })

webapp/pages/getipfs.jsx

@@ -2,8 +2,7 @@ var React = require('react')
 var Link = require('react-router').Link
 var Icon = require('icon.jsx')
 
-module.exports = function(){
+module.exports = React.createClass({
-  return React.createClass({
   getInitialState: function(){
     return { connected: false, error: false, long: false }
   },
@@ -62,5 +61,4 @@ module.exports = function(){
       </div>
     }
   }
-  })
+})
-}

webapp/pages/postpage.jsx

@@ -1,12 +1,11 @@
 var React = require('react')
 var Link = require('react-router').Link
+var UserID = require('userID.jsx')
+var GetIPFS = require('getipfs.jsx')
+var Post = require('post.jsx')
+var Comments = require('comment.jsx').Comments
 
 module.exports = function(boardsAPI){
-  var UserID = require('userID.jsx')()
-  var GetIPFS = require('getipfs.jsx')()
-  var Post = require('post.jsx')()
-  var Comments = require('comment.jsx').Comments
-
   return React.createClass({
     getInitialState: function(){
       return { post: { title: '...', text: '...' }, api: false }

webapp/pages/profile.jsx

@@ -2,9 +2,9 @@ var React = require('react')
 var Markdown = require('markdown.jsx')
 var Link = require('react-router').Link
 var Icon = require('icon.jsx')
+var GetIPFS = require('getipfs.jsx')
 
 module.exports = function(boardsAPI){
-  var GetIPFS = require('getipfs.jsx')(boardsAPI)
   return React.createClass({
     getInitialState: function(){
       return { name: '...', boards: [], api: false }

webapp/pages/users.jsx

@@ -1,9 +1,9 @@
 var React = require('react')
 var Icon = require('icon.jsx')
+var GetIPFS = require('getipfs.jsx')
+var UserID = require('userID.jsx')
 
 module.exports = function(boardsAPI){
-  var GetIPFS = require('getipfs.jsx')()
-  var UserID = require('userID.jsx')()
   return React.createClass({
     getInitialState: function(){
       return { users: [], api: false }