-
Notifications
You must be signed in to change notification settings - Fork 1
/
useContractCreate.ts
68 lines (60 loc) · 1.84 KB
/
useContractCreate.ts
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
import _ from 'lodash';
import { useMutation, useQueryClient } from '@tanstack/react-query';
import { useToast } from '@chakra-ui/react';
import { IContractCreate } from '../types';
import { client, CONTRACT_CREATE_MUTATION } from '../utils';
import { useRouter } from 'next/router';
type useContractCreateProps = {
token?: string;
user?: string;
};
const useContractCreate = ({ user, token }: useContractCreateProps) => {
const queryClient = useQueryClient();
const toast = useToast();
const router = useRouter();
const { mutate, mutateAsync, status, error, isLoading } = useMutation(
async ({ ...args }: IContractCreate) => {
const result = await client({ token, userId: user }).request(
CONTRACT_CREATE_MUTATION,
{
contract: {
user_id: user,
...args,
},
}
);
return _.first(_.get(result, 'data.insert_contracts.returning'));
},
{
onSuccess: (data) => {
// handle effects of changes here
// invalidate the query so that the UI updates
queryClient.invalidateQueries(['contractList']);
queryClient.setQueryData(
['contractDetail', _.get(data, 'address')],
data
);
setTimeout(() => {
router.push(`/contracts/${_.get(data, 'address')}`);
// signal to the user that the change was successful
toast({
title: 'Contract created.',
status: 'success',
duration: 9000,
isClosable: true,
});
}, 200);
},
onError: () => {
toast({
title: 'Contract creation failed.',
status: 'error',
duration: 9000,
isClosable: true,
});
},
}
);
return { mutate, mutateAsync, status, error, isLoading };
};
export default useContractCreate;