From 613613985e7a5912925c2b69478d362706b1acff Mon Sep 17 00:00:00 2001
From: igoradamenko <mail@igoradamenko.com>
Date: Tue, 1 May 2018 20:37:27 +0300
Subject: [PATCH] add tabindex on comment controls

---
 web/app/components/comment/comment.jsx | 36 +++++++++++++++++++++-----
 1 file changed, 30 insertions(+), 6 deletions(-)

diff --git a/web/app/components/comment/comment.jsx b/web/app/components/comment/comment.jsx
index a257d035..8792e027 100644
--- a/web/app/components/comment/comment.jsx
+++ b/web/app/components/comment/comment.jsx
@@ -272,7 +272,11 @@ export default class Comment extends Component {
               {
                 !mods.disabled && !isGuest && (
                   <span className="comment__controls">
-                    <span className="comment__action" onClick={this.onReplyClick}>reply</span>
+                    <span
+                      className="comment__action"
+                      tabIndex="0"
+                      onClick={this.onReplyClick}
+                    >reply</span>
                   </span>
                 )
               }
@@ -284,31 +288,51 @@ export default class Comment extends Component {
 
                     {
                       !pinned && (
-                        <span className="comment__action" onClick={this.onPinClick}>pin</span>
+                        <span
+                          className="comment__action"
+                          tabIndex="0"
+                          onClick={this.onPinClick}
+                        >pin</span>
                       )
                     }
 
                     {
                       pinned && (
-                        <span className="comment__action" onClick={this.onUnpinClick}>unpin</span>
+                        <span
+                          className="comment__action"
+                          tabIndex="0"
+                          onClick={this.onUnpinClick}
+                        >unpin</span>
                       )
                     }
 
                     {
                       userBlocked && (
-                        <span className="comment__action" onClick={this.onUnblockClick}>unblock</span>
+                        <span
+                          className="comment__action"
+                          tabIndex="0"
+                          onClick={this.onUnblockClick}
+                        >unblock</span>
                       )
                     }
 
                     {
                       !userBlocked && (
-                        <span className="comment__action" onClick={this.onBlockClick}>block</span>
+                        <span
+                          className="comment__action"
+                          tabIndex="0"
+                          onClick={this.onBlockClick}
+                        >block</span>
                       )
                     }
 
                     {
                       !deleted && (
-                        <span className="comment__action" onClick={this.onDeleteClick}>delete</span>
+                        <span
+                          className="comment__action"
+                          tabIndex="0"
+                          onClick={this.onDeleteClick}
+                        >delete</span>
                       )
                     }
                   </span>