Separate final comment row + add classes (#1982)

Co-authored-by: djvs <djvs@users.noreply.github.com>
This commit is contained in:
djvs 2023-07-25 14:07:17 -04:00 committed by Dessalines
parent 17c063df0d
commit 764bdd4ac8

View file

@ -384,20 +384,22 @@ export class CommentNode extends Component<CommentNodeProps, CommentNodeState> {
/> />
)} )}
{!this.state.showEdit && !this.state.collapsed && ( {!this.state.showEdit && !this.state.collapsed && (
<div> <>
{this.state.viewSource ? ( <div className="comment-content">
<pre>{this.commentUnlessRemoved}</pre> {this.state.viewSource ? (
) : ( <pre>{this.commentUnlessRemoved}</pre>
<div ) : (
className="md-div" <div
dangerouslySetInnerHTML={ className="md-div"
this.props.hideImages dangerouslySetInnerHTML={
? mdToHtmlNoImages(this.commentUnlessRemoved) this.props.hideImages
: mdToHtml(this.commentUnlessRemoved) ? mdToHtmlNoImages(this.commentUnlessRemoved)
} : mdToHtml(this.commentUnlessRemoved)
/> }
)} />
<div className="d-flex justify-content-between justify-content-lg-start flex-wrap text-muted fw-bold"> )}
</div>
<div className="comment-bottom-btns d-flex justify-content-between justify-content-lg-start flex-wrap text-muted fw-bold">
{this.props.showContext && this.getLinkButton()} {this.props.showContext && this.getLinkButton()}
{this.props.markable && ( {this.props.markable && (
<button <button
@ -915,7 +917,7 @@ export class CommentNode extends Component<CommentNodeProps, CommentNodeState> {
)} )}
</div> </div>
{/* end of button group */} {/* end of button group */}
</div> </>
)} )}
</div> </div>
</article> </article>