From f111685c5886f3e77edfd3621c98d8ac1b9bcce4 Mon Sep 17 00:00:00 2001
From: Armand Philippot <git@armandphilippot.com>
Date: Fri, 24 Nov 2023 20:00:08 +0100
Subject: 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
---
 src/components/templates/page/page-comments.tsx | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

(limited to 'src/components/templates/page/page-comments.tsx')

diff --git a/src/components/templates/page/page-comments.tsx b/src/components/templates/page/page-comments.tsx
index 170d6b7..5f5208f 100644
--- a/src/components/templates/page/page-comments.tsx
+++ b/src/components/templates/page/page-comments.tsx
@@ -6,8 +6,10 @@ import {
   useCallback,
 } from 'react';
 import { useIntl } from 'react-intl';
-import { sendComment } from '../../../services/graphql';
-import type { SendCommentInput } from '../../../types';
+import {
+  createComment,
+  type CreateCommentInput,
+} from '../../../services/graphql';
 import { Heading, Link, Section } from '../../atoms';
 import { Card, CardBody } from '../../molecules';
 import {
@@ -99,7 +101,7 @@ const PageCommentsWithRef: ForwardRefRenderFunction<
 
   const saveComment: CommentFormSubmit = useCallback(
     async (data) => {
-      const commentData: SendCommentInput = {
+      const commentData: CreateCommentInput = {
         author: data.author,
         authorEmail: data.email,
         authorUrl: data.website ?? '',
@@ -108,7 +110,7 @@ const PageCommentsWithRef: ForwardRefRenderFunction<
         content: data.comment,
         parent: data.parentId,
       };
-      const { comment, success } = await sendComment(commentData);
+      const { comment, success } = await createComment(commentData);
       const successPrefix = intl.formatMessage({
         defaultMessage: 'Thanks, your comment was successfully sent.',
         description: 'PageComments: comment form success message',
-- 
cgit v1.2.3

