Add logic for posting comments locally and a part of adding Gif comments #1
Conversation
| postComment( | ||
| parent: Int! | ||
| text: String! | ||
| isGif: Boolean! | ||
| ): Comment |
There was a problem hiding this comment.
new mutation for posting the comment
| submitterId: string, | ||
| context: IGraphQlSchemaContext | ||
| ) { | ||
| const id = Math.floor(Math.random() * 10000); |
There was a problem hiding this comment.
I'm trying to make the random id in here for the local comment. However, this generate Id can be improved more
| const newComment = new CommentModel({ | ||
| id, | ||
| parent: comment.parent, | ||
| text: comment.text, | ||
| isGif: comment.isGif, | ||
| creationTime: Date.now(), | ||
| submitterId, | ||
| }); |
There was a problem hiding this comment.
Making new Comment variable before caching it
| submitterId, | ||
| }); | ||
|
|
||
| const parentNews = await context.NewsItemService.getNewsItem(comment.parent); |
There was a problem hiding this comment.
trying to get the parent news to add the new comment into it
| if (parentNews) { | ||
| parentNews.comments.unshift(id); | ||
| CacheSingleton.setNewsItem(id, parentNews); | ||
| } |
There was a problem hiding this comment.
store new comments into parent news (locally)
| const [postComment] = useMutation(POST_COMMENT_MUTATION, { | ||
| onError(error) { | ||
| Router.push('/login'); | ||
| }, | ||
| variables: { id: 999, parent: newsItem.id, text, isGif }, | ||
| }); |
There was a problem hiding this comment.
the GraphQL mutation for posting comment
| <form | ||
| method="post" | ||
| action="comment" | ||
| onSubmit={(e) => { | ||
| e.preventDefault(); | ||
| text.trim() !== '' ? postComment() : alert('Cannot post an empty comment!'); | ||
| return Router.reload(); | ||
| }} | ||
| > |
There was a problem hiding this comment.
I try to handle some cases like User posting empty comment or user hasn't logged in yet
| @@ -87,7 +88,7 @@ export class Comment extends React.Component<ICommentProps> { | |||
| <br /> | |||
| <div className="comment"> | |||
| <span className="c00"> | |||
| <span>{renderHTML(text)}</span> | |||
| {isGif ? <img alt={text} src={text} /> : <span>{renderHTML(text)}</span>} | |||
There was a problem hiding this comment.
trying to display <img> as gif instead of span if isGif = true
| import gql from 'graphql-tag'; | ||
|
|
||
| export const POST_COMMENT_MUTATION = gql` | ||
| mutation PostComment($parent: Int!, $text: String!, $isGif: Boolean!) { | ||
| postComment(parent: $parent, text: $text, isGif: $isGif) { | ||
| parent | ||
| text | ||
| isGif | ||
| } | ||
| } | ||
| `; |
There was a problem hiding this comment.
mutation for Post Comment
|
|
||
| postComment(_, comment, context) { | ||
| if (!context.userId) throw new Error('Must be logged in to post a comment.'); | ||
|
|
||
| return context.CommentService.postComment(comment, context.userId, context); | ||
| }, |
There was a problem hiding this comment.
resolver of posting comment. Added also error handler for not logging in
No description provided.