-
-
Notifications
You must be signed in to change notification settings - Fork 55
/
RenameTodoMutation.js
70 lines (62 loc) · 1.56 KB
/
RenameTodoMutation.js
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
69
70
// @flow
/**
* This file provided by Facebook is for non-commercial testing and evaluation
* purposes only. Facebook reserves all rights not expressly granted.
*
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL
* FACEBOOK BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN
* ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
* CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
import {
graphql,
type Disposable,
type Environment,
} from 'react-relay';
import { useMutation } from 'relay-hooks';
import type {Todo_todo} from 'relay/Todo_todo.graphql';
import type {
RenameTodoInput,
RenameTodoMutationResponse,
} from 'relay/RenameTodoMutation.graphql';
const mutation = graphql`
mutation RenameTodoMutation($input: RenameTodoInput!) {
renameTodo(input: $input) {
todo {
id
text
}
}
}
`;
function getOptimisticResponse(
text: string,
todo: Todo_todo,
): RenameTodoMutationResponse {
return {
renameTodo: {
todo: {
id: todo.id,
text: text,
},
},
};
}
function commit(
text: string,
todo: Todo_todo,
): Disposable {
const input: RenameTodoInput = {
text,
id: todo.id,
};
return useMutation(mutation, {
variables: {
input,
},
optimisticResponse: getOptimisticResponse(text, todo),
});
}
export default {commit};