diff --git a/plugins/talk-plugin-comment-content/client/containers/CommentContent.js b/plugins/talk-plugin-comment-content/client/containers/CommentContent.js new file mode 100644 index 000000000..2c9b36aa9 --- /dev/null +++ b/plugins/talk-plugin-comment-content/client/containers/CommentContent.js @@ -0,0 +1,10 @@ +import {gql} from 'react-apollo'; +import {withFragments} from 'plugin-api/beta/client/hocs'; +import CommentContent from '../components/CommentContent'; + +export default withFragments({ + comment: gql` + fragment TalkPluginCommentContent_comment on Comment { + body + }` +})(CommentContent); diff --git a/plugins/talk-plugin-comment-content/client/index.js b/plugins/talk-plugin-comment-content/client/index.js index e61cb51f4..06b6dee84 100644 --- a/plugins/talk-plugin-comment-content/client/index.js +++ b/plugins/talk-plugin-comment-content/client/index.js @@ -1,4 +1,4 @@ -import CommentContent from './components/CommentContent'; +import CommentContent from './containers/CommentContent'; export default { slots: { diff --git a/plugins/talk-plugin-member-since/client/containers/MemberSinceInfo.js b/plugins/talk-plugin-member-since/client/containers/MemberSinceInfo.js index 186e9c8c1..81e0600cd 100644 --- a/plugins/talk-plugin-member-since/client/containers/MemberSinceInfo.js +++ b/plugins/talk-plugin-member-since/client/containers/MemberSinceInfo.js @@ -13,7 +13,7 @@ class MemberSinceInfoContainer extends React.Component { const withMemberSinceInfoFragments = withFragments({ comment: gql` - fragment TalkAuthorMenu_MemberSinceInfo_comment on Comment { + fragment TalkMemberSince_MemberSinceInfo_comment on Comment { user { username created_at diff --git a/plugins/talk-plugin-member-since/client/index.js b/plugins/talk-plugin-member-since/client/index.js index cfb60d867..12aed5e28 100644 --- a/plugins/talk-plugin-member-since/client/index.js +++ b/plugins/talk-plugin-member-since/client/index.js @@ -1,9 +1,35 @@ import MemberSinceInfo from './containers/MemberSinceInfo'; import translations from './translations.yml'; +import {gql} from 'react-apollo'; export default { slots: { authorMenuInfos: [MemberSinceInfo] }, - translations + translations, + fragments: { + CreateCommentResponse: gql` + fragment TalkMemberSince_CreateCommentResponse on CreateCommentResponse { + comment { + user { + created_at + } + } + }`, + }, + mutations: { + PostComment: () => ({ + optimisticResponse: { + createComment: { + comment: { + user: { + created_at: new Date(), + __typename: 'User' + }, + __typename: 'Comment' + } + }, + }, + }), + }, };