TryGhost/Ghost
1
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2024-12-27 12:53:13 +03:00
Code Issues Projects Releases Wiki Activity

Added back in the refactor of actions into components

Browse Source
This commit is contained in:
James Morris 2022-07-06 11:42:09 +02:00
parent 16279da1ac
commit 7b424800aa
2 changed files with 10 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
apps/comments-ui/src/components/Comment.js
View File

@ -2,9 +2,9 @@ import {formatRelativeTime} from '../utils/helpers';
import React from 'react';
import AppContext from '../AppContext';
import Avatar from './Avatar';
import CommentContextMenu from './modals/CommentContextMenu';
import {ReactComponent as LikeIcon} from '../images/icons/like.svg';
import {ReactComponent as MoreIcon} from '../images/icons/more.svg';
import Like from './Like';
import Reply from './Reply';
import More from './More';
class Comment extends React.Component {
static contextType = AppContext;
@ -54,11 +54,9 @@ class Comment extends React.Component {
<p dangerouslySetInnerHTML={html} className="whitespace-pre-wrap"></p>
</div>
<div className="ml-14 flex">
<button className="flex font-sans mr-5"><LikeIcon className='gh-comments-icon gh-comments-icon-like mr-1' />3</button>
<div className="relative">
{this.hasMoreContextMenu ? <button onClick={this.toggleContextMenu}><MoreIcon className='gh-comments-icon gh-comments-icon-more -m-[3px]' /></button> : null}
{this.state.isContextMenuOpen ? <CommentContextMenu comment={comment} close={this.toggleContextMenu} /> : null}
</div>
<Like comment={comment} />
<Reply comment={comment} />
<More comment={comment} show={this.hasMoreContextMenu} />
</div>
</div>
</div>

7
apps/comments-ui/src/components/More.js
View File

@ -23,14 +23,15 @@ class More extends React.Component {
render() {
const comment = this.props.comment;
const show = this.props.show;
return (
<div className="relative">
<button onClick={this.toggleContextMenu}><MoreIcon className='gh-comments-icon gh-comments-icon-more -m-[3px]' /></button>
{this.state.isContextMenuOpen ? <CommentContextMenu comment={comment} /> : null}
{show ? <button onClick={this.toggleContextMenu}><MoreIcon className='gh-comments-icon gh-comments-icon-more -m-[3px]' /></button> : null}
{this.state.isContextMenuOpen ? <CommentContextMenu comment={comment} close={this.toggleContextMenu} /> : null}
</div>
);
}
}
export default More;