From f111685c5886f3e77edfd3621c98d8ac1b9bcce4 Mon Sep 17 00:00:00 2001 From: Armand Philippot 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') 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