Vulcan/packages/nova-base-components/lib/comments/CommentsNewForm.jsx

54 lines
1.9 KiB
React
Raw Normal View History

import { Components, registerComponent, getRawComponent } from 'meteor/nova:core';
2016-03-17 17:48:25 +09:00
import React, { PropTypes, Component } from 'react';
import NovaForm from "meteor/nova:forms";
2016-06-23 12:17:39 +09:00
import Comments from "meteor/nova:comments";
import { ShowIf, withMessages } from 'meteor/nova:core';
2016-12-01 16:09:54 +09:00
import { FormattedMessage } from 'react-intl';
2016-02-18 17:53:04 +09:00
2016-11-05 18:42:57 +09:00
const CommentsNewForm = (props, context) => {
2016-02-18 17:53:04 +09:00
2016-11-05 18:42:57 +09:00
let prefilledProps = {postId: props.postId};
2016-02-23 16:49:56 +09:00
2016-11-05 18:42:57 +09:00
if (props.parentComment) {
prefilledProps = Object.assign(prefilledProps, {
parentCommentId: props.parentComment._id,
// if parent comment has a topLevelCommentId use it; if it doesn't then it *is* the top level comment
topLevelCommentId: props.parentComment.topLevelCommentId || props.parentComment._id
});
}
2016-02-18 17:53:04 +09:00
2016-11-05 18:42:57 +09:00
return (
2016-12-01 16:09:54 +09:00
<ShowIf
check={Comments.options.mutations.new.check}
failureComponent={<FormattedMessage id="users.cannot_comment"/>}
2016-11-05 18:42:57 +09:00
>
<div className="comments-new-form">
2016-11-07 23:46:12 +09:00
<NovaForm
collection={Comments}
fragment={getRawComponent('PostsCommentsThread').fragment}
2016-11-09 21:54:56 +09:00
successCallback={props.successCallback}
2016-11-07 23:46:12 +09:00
cancelCallback={props.type === "reply" ? props.cancelCallback : null}
prefilledProps={prefilledProps}
2016-04-08 10:29:32 +09:00
layout="elementOnly"
2016-02-18 17:53:04 +09:00
/>
</div>
2016-12-01 16:09:54 +09:00
</ShowIf>
2016-11-05 18:42:57 +09:00
)
2016-02-18 17:53:04 +09:00
2016-03-17 17:48:25 +09:00
};
2016-11-05 18:37:46 +09:00
CommentsNewForm.propTypes = {
2016-03-17 17:48:25 +09:00
postId: React.PropTypes.string.isRequired,
type: React.PropTypes.string, // "comment" or "reply"
parentComment: React.PropTypes.object, // if reply, the comment being replied to
parentCommentId: React.PropTypes.string, // if reply
topLevelCommentId: React.PropTypes.string, // if reply
successCallback: React.PropTypes.func, // a callback to execute when the submission has been successful
2016-11-05 18:37:46 +09:00
cancelCallback: React.PropTypes.func,
novaFormMutation: React.PropTypes.func,
router: React.PropTypes.object,
2016-11-05 18:42:57 +09:00
flash: React.PropTypes.func,
2016-11-15 18:33:16 +01:00
};
registerComponent('CommentsNewForm', CommentsNewForm, withMessages);