diff --git a/client/coral-embed-stream/src/CommentStream.js b/client/coral-embed-stream/src/CommentStream.js index da5e25ff4..dae78f69d 100644 --- a/client/coral-embed-stream/src/CommentStream.js +++ b/client/coral-embed-stream/src/CommentStream.js @@ -11,6 +11,7 @@ import Content from '../../coral-plugin-commentcontent/CommentContent' import PubDate from '../../coral-plugin-pubdate/PubDate' import Count from '../../coral-plugin-comment-count/CommentCount' import Flag from '../../coral-plugin-flags/FlagButton' +import AuthorName from '../../coral-plugin-author-name/AuthorName' import {ReplyBox, ReplyButton} from '../../coral-plugin-replies' import Pym from 'pym.js' @@ -117,6 +118,7 @@ class CommentStream extends Component { const comment = this.props.items[commentId] return

+
@@ -143,6 +145,7 @@ class CommentStream extends Component { let reply = this.props.items[replyId] return

+
diff --git a/client/coral-embed-stream/style/default.css b/client/coral-embed-stream/style/default.css index 4421bfaed..6458ae749 100644 --- a/client/coral-embed-stream/style/default.css +++ b/client/coral-embed-stream/style/default.css @@ -90,6 +90,10 @@ hr { margin-bottom: 10px; } +.coral-plugin-author-name-text { + font-weight: bold; +} + /* Reply styles */ diff --git a/client/coral-plugin-author-name/AuthorName.js b/client/coral-plugin-author-name/AuthorName.js new file mode 100644 index 000000000..cb465db37 --- /dev/null +++ b/client/coral-plugin-author-name/AuthorName.js @@ -0,0 +1,9 @@ +import React from 'react' +const name = 'coral-plugin-author-name' + +const AuthorName = ({name}) => +
+ {name} +
+ +export default AuthorName