UNPKG

@accounter/client

Version:

84 lines (77 loc) 2.68 kB
import { useMutation } from 'urql'; import { showNotification } from '@mantine/notifications'; import { MergeChargesDocument, MergeChargesMutation, MergeChargesMutationVariables, } from '../gql/graphql.js'; // eslint-disable-next-line @typescript-eslint/no-unused-expressions -- used by codegen /* GraphQL */ ` mutation MergeCharges($baseChargeID: UUID!, $chargeIdsToMerge: [UUID!]!, $fields: UpdateChargeInput) { mergeCharges(baseChargeID: $baseChargeID, chargeIdsToMerge: $chargeIdsToMerge, fields: $fields) { __typename ... on MergeChargeSuccessfulResult { charge { id } } ... on CommonError { message } } } `; type Charge = Extract< MergeChargesMutation['mergeCharges'], { __typename: 'MergeChargeSuccessfulResult' } >['charge']; type UseMergeCharges = { fetching: boolean; mergeCharges: (variables: MergeChargesMutationVariables) => Promise<Charge>; }; export const useMergeCharges = (): UseMergeCharges => { // TODO: add authentication // TODO: add local data update method after chang e const [{ fetching }, mutate] = useMutation(MergeChargesDocument); return { fetching, mergeCharges: (variables: MergeChargesMutationVariables): Promise<Charge> => new Promise<Charge>((resolve, reject) => mutate(variables).then(res => { if (res.error) { console.error(`Error merging into charge ID [${variables.baseChargeID}]: ${res.error}`); showNotification({ title: 'Error!', message: 'Oh no!, we have an error! 🤥', }); return reject(res.error.message); } if (!res.data) { console.error( `Error merging into charge ID [${variables.baseChargeID}]: No data returned`, ); showNotification({ title: 'Error!', message: 'Oh no!, we have an error! 🤥', }); return reject('No data returned'); } if (res.data.mergeCharges.__typename === 'CommonError') { console.error( `Error merging into charge ID [${variables.baseChargeID}]: ${res.data.mergeCharges.message}`, ); showNotification({ title: 'Error!', message: 'Oh no!, we have an error! 🤥', }); return reject(res.data.mergeCharges.message); } showNotification({ title: 'Update Success!', message: 'Hey there, your update is awesome!', }); return resolve(res.data.mergeCharges.charge); }), ), }; };