Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-01-20 22:42:53 -05:00
Code Issues Activity

Moved CommentContextMenu to newer syntax

Browse source
This commit is contained in:
Simon Backx 2022-07-08 13:10:56 +02:00
parent 8b72c0ec8d
commit de6ea5aa45
1 changed files with 12 additions and 32 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

44
apps/comments-ui/src/components/modals/CommentContextMenu.js
View file

@ -1,40 +1,20 @@
import React from 'react';
import React, {useContext} from 'react';
import AppContext from '../../AppContext';
import AdminContextMenu from './AdminContextMenu';
import AuthorContextMenu from './AuthorContextMenu';
import NotAuthorContextMenu from './NotAuthorContextMenu';
class CommentContextMenu extends React.Component {
static contextType = AppContext;
const CommentContextMenu = (props) => {
const {member, admin} = useContext(AppContext);
const comment = props.comment;
const isAuthor = comment.member.uuid === member?.uuid;
const isAdmin = !!admin;
constructor(props) {
super(props);
this.state = {};
return (
<div className="min-w-[170px] bg-white absolute font-sans rounded py-3 px-4 shadow-lg text-sm whitespace-nowrap z-10 dark:bg-zinc-900 dark:text-white">
{isAuthor && comment.status === 'published' ? <AuthorContextMenu comment={comment} close={props.close} toggleEdit={props.toggleEdit} /> : (isAdmin ? <AdminContextMenu comment={comment} close={props.close}/> : <NotAuthorContextMenu comment={comment} close={props.close}/>)}
</div>
);
};
this.close = this.close.bind(this);
}
get isAuthor() {
return this.props.comment.member.uuid === this.context?.member?.uuid;
}
get isAdmin() {
return !!this.context.admin;
}
close() {
this.props.close();
}
render() {
const comment = this.props.comment;
return (
<div className="min-w-[170px] bg-white absolute font-sans rounded py-3 px-4 shadow-lg text-sm whitespace-nowrap z-10 dark:bg-zinc-900 dark:text-white">
{this.isAuthor && comment.status === 'published' ? <AuthorContextMenu comment={comment} close={this.close} toggleEdit={this.props.toggleEdit} /> : (this.isAdmin ? <AdminContextMenu comment={comment} close={this.close}/> : <NotAuthorContextMenu comment={comment} close={this.close}/>)}
</div>
);
}
}
export default CommentContextMenu;