diff --git a/ui/src/components/post.tsx b/ui/src/components/post.tsx
index c5c8a53fc..1cd61ea31 100644
--- a/ui/src/components/post.tsx
+++ b/ui/src/components/post.tsx
@@ -267,6 +267,11 @@ export class CommentNode extends Component<CommentNodeProps, CommentNodeState> {
                     <span class="pointer" onClick={linkEvent(this, this.handleEditClick)}>edit</span>
                   </li>
                 }
+                {this.myComment &&
+                  <li className="list-inline-item">
+                    <span class="pointer" onClick={linkEvent(this, this.handleDeleteClick)}>delete</span>
+                  </li>
+                }
                 <li className="list-inline-item">
                   <a className="text-muted" href="test">link</a>
                 </li>
@@ -294,6 +299,17 @@ export class CommentNode extends Component<CommentNodeProps, CommentNodeState> {
     i.setState(i.state);
   }
 
+  handleDeleteClick(i: CommentNode, event) {
+    let deleteForm: CommentFormI = {
+      content: "*deleted*",
+      edit_id: i.props.node.comment.id,
+      post_id: i.props.node.comment.post_id,
+      parent_id: i.props.node.comment.parent_id,
+      auth: null
+    };
+    WebSocketService.Instance.editComment(deleteForm);
+  }
+
   handleReplyCancel(): any {
     this.state.showReply = false;
     this.state.showEdit = false;