add mutations and actions for replies (codesandbox#3633)

SaraVieira · web-flow · commit 85227b6fa14c · 2020-03-06T12:32:54.000+01:00
diff --git a/packages/app/src/app/overmind/effects/fakeGql/comments/mutations.ts b/packages/app/src/app/overmind/effects/fakeGql/comments/mutations.ts
@@ -7,6 +7,10 @@ import {
   DeleteCommentResponse,
   UpdateCommentVariables,
   UpdateCommentResponse,
+  DeleteReplyVariables,
+  DeleteReplyResponse,
+  UpdateReplyResponse,
+  UpdateReplyVariables,
 } from './types';
 
 export const addComment: Query<AddCommentResponse, AddCommentVariables> = gql`
@@ -104,3 +108,43 @@ export const reply: Query<any, any> = gql`
     }
   }
 `;
+
+export const deleteReply: Query<
+  DeleteReplyResponse,
+  DeleteReplyVariables
+> = gql`
+  mutation deleteReply($replyId: String!, $commentId: String!) {
+    deleteReply(replyId: $replyId, commentId: $commentId) {
+      id
+      replies {
+        id
+        content
+        author {
+          id
+          avatarUrl
+          username
+        }
+      }
+    }
+  }
+`;
+
+export const updateReply: Query<
+  UpdateReplyResponse,
+  UpdateReplyVariables
+> = gql`
+  mutation updateReply($replyId: String!, $commentId: String!) {
+    updateReply(replyId: $replyId, commentId: $commentId, comment: $comment) {
+      id
+      replies {
+        id
+        content
+        author {
+          id
+          avatarUrl
+          username
+        }
+      }
+    }
+  }
+`;
diff --git a/packages/app/src/app/overmind/effects/fakeGql/comments/types.ts b/packages/app/src/app/overmind/effects/fakeGql/comments/types.ts
@@ -104,3 +104,25 @@ export type CommentResponse = {
     metadata: string;
   };
 };
+
+export type DeleteReplyVariables = { replyId: string; commentId: string };
+
+export type DeleteReplyResponse = {
+  deleteReply: {
+    id: string;
+    replies: Message[];
+  };
+};
+
+export type UpdateReplyVariables = {
+  replyId: string;
+  commentId: string;
+  comment: string;
+};
+
+export type UpdateReplyResponse = {
+  updateReply: {
+    id: string;
+    replies: Message[];
+  };
+};
diff --git a/packages/app/src/app/overmind/namespaces/editor/actions.ts b/packages/app/src/app/overmind/namespaces/editor/actions.ts
@@ -1511,6 +1511,73 @@ export const updateComment: AsyncAction<{
   }
 };
 
+export const deleteReply: AsyncAction<{
+  replyId: string;
+  commentId: string;
+}> = async ({ state, effects }, { replyId, commentId }) => {
+  if (!state.editor.currentSandbox) {
+    return;
+  }
+  const sandboxId = state.editor.currentSandbox.id;
+  const oldReplies = state.editor.comments[sandboxId][commentId];
+
+  state.editor.comments[sandboxId][commentId] = {
+    ...oldReplies,
+    replies: oldReplies.replies.filter(reply => reply.id !== replyId),
+  };
+
+  try {
+    await effects.fakeGql.mutations.deleteReply({ replyId, commentId });
+  } catch (error) {
+    effects.notificationToast.error(
+      'Unable to delete your reply, please try again'
+    );
+    state.editor.comments[sandboxId][commentId] = oldReplies;
+  }
+};
+
+export const updateReply: AsyncAction<{
+  replyId: string;
+  commentId: string;
+  comment: string;
+}> = async (
+  { state, effects },
+  { replyId, commentId, comment: newComment }
+) => {
+  if (!state.editor.currentSandbox) {
+    return;
+  }
+  const sandboxId = state.editor.currentSandbox.id;
+  const old = state.editor.comments[sandboxId][commentId];
+
+  state.editor.comments[sandboxId][commentId] = {
+    ...old,
+    replies: old.replies.map(reply => {
+      if (reply.id === replyId) {
+        return {
+          ...reply,
+          content: newComment,
+        };
+      }
+
+      return reply;
+    }),
+  };
+
+  try {
+    await effects.fakeGql.mutations.updateReply({
+      replyId,
+      commentId,
+      comment: newComment,
+    });
+  } catch (error) {
+    effects.notificationToast.error(
+      'Unable to update your comment, please try again'
+    );
+    state.editor.comments[sandboxId][commentId] = old;
+  }
+};
+
 export const selectCommentsFilter: Action<CommentsFilterOption> = (
   { state },
   option
