refactor(services, types): reorganize GraphQL fetchers and data types

The Typescript mapped types was useful for autocompletion in fetchers
but their are harder to maintain. I think it's better to keep each
query close to its fetcher to have a better understanding of the
fetched data. So I:
* colocate queries with their own fetcher
* colocate mutations with their own mutator
* remove Typescript mapped types for queries and mutations
* move data convertors inside graphql services
* rename most of data types and fetchers

1 files changed, 35 insertions, 0 deletions

diff --git a/src/services/graphql/helpers/convert-wp-comment-to-comment.ts b/src/services/graphql/helpers/convert-wp-comment-to-comment.ts
new file mode 100644
index 0000000..7a7e2ca
--- /dev/null
+++ b/src/services/graphql/helpers/convert-wp-comment-to-comment.ts
@@ -0,0 +1,35 @@
+import type { SingleComment, WPComment } from '../../../types';
+
+/**
+ * Convert a comment from WordPress type to SingleComment.
+ *
+ * @param {WPComment} comment - A raw comment from WordPress.
+ * @returns {SingleComment} A comment.
+ */
+export const convertWPCommentToComment = (
+  comment: WPComment
+): SingleComment => {
+  return {
+    content: comment.content,
+    isApproved: comment.approved,
+    id: comment.databaseId,
+    meta: {
+      author: {
+        name: comment.author.node.name,
+        avatar: comment.author.node.avatar
+          ? {
+              alt: `${comment.author.node.name} avatar`,
+              height: comment.author.node.avatar.height,
+              src: comment.author.node.avatar.url,
+              width: comment.author.node.avatar.width,
+            }
+          : undefined,
+        website: comment.author.node.url ?? undefined,
+      },
+      date: comment.date,
+    },
+    parentId:
+      comment.parentDatabaseId === 0 ? undefined : comment.parentDatabaseId,
+    replies: [],
+  };
+};