Use commentContent slot in Featured Comments

2026-09-09 11:38:08 +08:00 · 2017-09-26 22:31:54 +07:00
parent ea06b334f6
commit 0f382bd742
6 changed files with 19 additions and 13 deletions
@@ -5,20 +5,20 @@ const name = 'talk-plugin-comment-content';

 const CommentContent = ({comment}) => {
  const textbreaks = comment.body.split('\n');
-  return <div className={`${name}-text`}>
+  return <span className={`${name}-text`}>
    {
      textbreaks.map((line, i) => {
        return (
          <span key={i} className={`${name}-line`}>
            <Linkify properties={{target: '_blank'}}>
-              {line}
+              {line.trim()}
            </Linkify>
-            <br className={`${name}-linebreak`}/>
+            {i !== textbreaks.length - 1 && <br className={`${name}-linebreak`}/>}
          </span>
        );
      })
    }
-  </div>;
+  </span>;
 };

 export default CommentContent;