From 36063b459e8719c7396be1f3f77c3310c66effae Mon Sep 17 00:00:00 2001
From: Fabian Neumann <neumann@ferret-go.com>
Date: Mon, 14 May 2018 13:57:46 +0200
Subject: [PATCH 1/2] Add new slot 'commentTombstone'.

With this slot plugins can override the default tombstone for deleted
comments.
---
 .../src/tabs/stream/components/Comment.js          | 14 +++++++++++++-
 .../src/tabs/stream/components/CommentTombstone.js |  1 +
 .../src/tabs/stream/containers/Comment.js          |  1 +
 docs/source/api/slots.md                           |  1 +
 4 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/client/coral-embed-stream/src/tabs/stream/components/Comment.js b/client/coral-embed-stream/src/tabs/stream/components/Comment.js
index 32778f7ea..3c840734e 100644
--- a/client/coral-embed-stream/src/tabs/stream/components/Comment.js
+++ b/client/coral-embed-stream/src/tabs/stream/components/Comment.js
@@ -745,10 +745,22 @@ export default class Comment extends React.Component {
 
     const id = `c_${comment.id}`;
 
+    // props that are passed down the slots.
+    const slotPassthrough = {
+      action: 'deleted',
+      comment,
+    };
+
     return (
       <div className={rootClassName} id={id}>
         {isCommentDeleted(comment) ? (
-          <CommentTombstone action="deleted" />
+          <Slot
+            fill="commentTombstone"
+            className="talk-stream-comment-tombstone"
+            defaultComponent={CommentTombstone}
+            size={1}
+            passthrough={slotPassthrough}
+          />
         ) : (
           <div>
             {this.renderComment()}
diff --git a/client/coral-embed-stream/src/tabs/stream/components/CommentTombstone.js b/client/coral-embed-stream/src/tabs/stream/components/CommentTombstone.js
index 95184dffd..e08f45d95 100644
--- a/client/coral-embed-stream/src/tabs/stream/components/CommentTombstone.js
+++ b/client/coral-embed-stream/src/tabs/stream/components/CommentTombstone.js
@@ -39,6 +39,7 @@ class CommentTombstone extends React.Component {
 
 CommentTombstone.propTypes = {
   action: PropTypes.string,
+  comment: PropTypes.object,
   onUndo: PropTypes.func,
 };
 
diff --git a/client/coral-embed-stream/src/tabs/stream/containers/Comment.js b/client/coral-embed-stream/src/tabs/stream/containers/Comment.js
index dca7fadaa..028d6a478 100644
--- a/client/coral-embed-stream/src/tabs/stream/containers/Comment.js
+++ b/client/coral-embed-stream/src/tabs/stream/containers/Comment.js
@@ -24,6 +24,7 @@ const slots = [
   'commentAuthorName',
   'commentAuthorTags',
   'commentTimestamp',
+  'commentTombstone',
   'commentContent',
 ];
 
diff --git a/docs/source/api/slots.md b/docs/source/api/slots.md
index a2e7cc04d..662a025e0 100644
--- a/docs/source/api/slots.md
+++ b/docs/source/api/slots.md
@@ -99,6 +99,7 @@ You won't have to use this to build plugins, but it's helpful to find where to e
 * `commentReactions`
 * `commentActions`
 * `commentInputArea`
+* `commentTombstone`
 
 * `draftArea`
 * `streamSettings`

From 8e392ef32d454c4aadafb9598010a69da3253235 Mon Sep 17 00:00:00 2001
From: Fabian Neumann <neumann@ferret-go.com>
Date: Mon, 14 May 2018 15:01:51 +0200
Subject: [PATCH 2/2] Remove superfluous className

---
 client/coral-embed-stream/src/tabs/stream/components/Comment.js | 1 -
 1 file changed, 1 deletion(-)

diff --git a/client/coral-embed-stream/src/tabs/stream/components/Comment.js b/client/coral-embed-stream/src/tabs/stream/components/Comment.js
index 3c840734e..63740764f 100644
--- a/client/coral-embed-stream/src/tabs/stream/components/Comment.js
+++ b/client/coral-embed-stream/src/tabs/stream/components/Comment.js
@@ -756,7 +756,6 @@ export default class Comment extends React.Component {
         {isCommentDeleted(comment) ? (
           <Slot
             fill="commentTombstone"
-            className="talk-stream-comment-tombstone"
             defaultComponent={CommentTombstone}
             size={1}
             passthrough={slotPassthrough}