muerwre/vault-frontend
1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-25 12:56:41 +07:00
Code Packages Activity Actions

comment menu

Browse source
This commit is contained in:
Fedor Katurov 2019-12-03 15:02:03 +07:00
parent ab898cc40c
commit 1bf9fe6b83
14 changed files with 319 additions and 98 deletions
Download patch file Download diff file Expand all files Collapse all files

16
src/containers/node/NodeLayout/index.tsx
View file

@ -20,7 +20,7 @@ import { selectUser } from '~/redux/auth/selectors';
import pick from 'ramda/es/pick';
import { NodeRelatedPlaceholder } from '~/components/node/NodeRelated/placeholder';
import { NodeDeletedBadge } from '~/components/node/NodeDeletedBadge';
import { IComment } from '~/redux/types';
import { NodeCommentForm } from '~/components/node/NodeCommentForm';
const mapStateToProps = state => ({
node: selectNode(state),
@ -36,6 +36,7 @@ const mapDispatchToProps = {
nodeStar: NODE_ACTIONS.nodeStar,
nodeLock: NODE_ACTIONS.nodeLock,
nodeLockComment: NODE_ACTIONS.nodeLockComment,
nodeEditComment: NODE_ACTIONS.nodeEditComment,
};
type IProps = ReturnType<typeof mapStateToProps> &
@ -47,7 +48,7 @@ const NodeLayoutUnconnected: FC<IProps> = memo(
match: {
params: { id },
},
node: { is_loading, is_loading_comments, comments = [], current: node, related },
node: { is_loading, is_loading_comments, comments = [], current: node, related, comment_data },
user,
user: { is_user },
nodeGotoNode,
@ -58,6 +59,7 @@ const NodeLayoutUnconnected: FC<IProps> = memo(
nodeLock,
nodeSetCoverImage,
nodeLockComment,
nodeEditComment,
}) => {
const [layout, setLayout] = useState({});
@ -131,10 +133,16 @@ const NodeLayoutUnconnected: FC<IProps> = memo(
{is_loading || is_loading_comments || (!comments.length && !inline_block) ? (
<NodeNoComments is_loading={is_loading_comments || is_loading} />
) : (
<NodeComments comments={comments} user={user} onDelete={nodeLockComment} />
<NodeComments
comments={comments}
comment_data={comment_data}
user={user}
onDelete={nodeLockComment}
onEdit={nodeEditComment}
/>
)}
{is_user && !is_loading && <CommentForm id={0} />}
{is_user && !is_loading && <NodeCommentForm />}
</Group>
<div className={styles.panel}>