Comment, added confirm delete popup

client/components/activities/activities.jade

@@ -21,6 +21,10 @@ template(name="editOrDeleteComment")
   = ' - '
   a.js-delete-comment {{_ "delete"}}
 
+template(name="deleteCommentPopup")
+  p {{_ "comment-delete"}}
+  button.js-confirm.negate.full(type="submit") {{_ 'delete'}}
+
 template(name="commentReactions")
   .reactions
     each reaction in reactions

client/components/activities/activities.js

@@ -220,10 +220,11 @@ BlazeComponent.extendComponent({
     return [
       {
         // XXX We should use Popup.afterConfirmation here
-        'click .js-delete-comment'() {
-          const commentId = this.currentData().activity.commentId;
+        'click .js-delete-comment': Popup.afterConfirm('deleteComment', () => {
+          const commentId = this.data().activity.commentId;
           CardComments.remove(commentId);
-        },
+          Popup.back();
+        }),
         'submit .js-edit-comment'(evt) {
           evt.preventDefault();
           const commentText = this.currentComponent()

i18n/en.i18n.json

@@ -271,6 +271,8 @@
   "comment-placeholder": "Write Comment",
   "comment-only": "Comment only",
   "comment-only-desc": "Can comment on cards only.",
+  "comment-delete": "Are you sure you want to delete the comment?",
+  "deleteCommentPopup-title": "Delete comment?",
   "no-comments": "No comments",
   "no-comments-desc": "Can not see comments and activities.",
   "worker": "Worker",