Comments links now open in new window

Author: arnaudj

.gitignore

@@ -1,4 +1,5 @@
 /public/build
 public/service-worker.js
 /node_modules
-/public/sw-toolbox.js
+/public/sw-toolbox.js
+dist/

src/Comment.js

@@ -116,6 +116,16 @@ var Comment = React.createClass({
     }
   },
 
+  onCommentClick(e) {
+    if (e.target.tagName !== 'A') {
+      this.toggleCollapse(e)
+    }
+    else {
+      e.preventDefault()
+      window.open(e.target.href, '_blank')
+    }
+  },
+
   toggleCollapse(e) {
     e.preventDefault()
     this.props.threadStore.toggleCollapse(this.state.comment.id)

src/mixins/CommentMixin.js

@@ -112,7 +112,7 @@ var CommentMixin = {
   },
 
   renderCommentText(comment, options) {
-    return <div className="Comment__text" onClick={this.toggleCollapse} >
+    return <div className="Comment__text" onClick={this.onCommentClick}>
       {(!comment.dead || SettingsStore.showDead) ? <div dangerouslySetInnerHTML={{ __html: comment.text }} /> : '[dead]'}
       {SettingsStore.replyLinks && options.replyLink && !comment.dead && <p>
         <a href={`https://news.ycombinator.com/reply?id=${comment.id}`}>reply</a>