diff options
| author | Armand Philippot <git@armandphilippot.com> | 2023-11-24 20:00:08 +0100 |
|---|---|---|
| committer | Armand Philippot <git@armandphilippot.com> | 2023-11-27 14:47:51 +0100 |
| commit | f111685c5886f3e77edfd3621c98d8ac1b9bcce4 (patch) | |
| tree | 62a541fe3afeb64bf745443706fbfb02e96c5230 /src/components | |
| parent | bee515641cb144be9a855ff2cac258d2fedab21d (diff) | |
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
Diffstat (limited to 'src/components')
| -rw-r--r-- | src/components/templates/page/page-comments.tsx | 10 |
1 files changed, 6 insertions, 4 deletions
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', |