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
|
import React from 'react';
import Button from '@material-ui/core/Button';
import CircularProgress from '@material-ui/core/CircularProgress';
import { BugFragment } from 'src/pages/bug/Bug.generated';
import { TimelineDocument } from 'src/pages/bug/TimelineQuery.generated';
import { useAddCommentAndReopenBugMutation } from './ReopenBugWithComment.generated';
interface Props {
bug: BugFragment;
comment: string;
postClick?: () => void;
}
function ReopenBugWithCommentButton({ bug, comment, postClick }: Props) {
const [addCommentAndReopenBug, { loading, error }] =
useAddCommentAndReopenBugMutation();
function addCommentAndReopenBugAction() {
addCommentAndReopenBug({
variables: {
input: {
prefix: bug.id,
message: comment,
},
},
refetchQueries: [
// TODO: update the cache instead of refetching
{
query: TimelineDocument,
variables: {
id: bug.id,
first: 100,
},
},
],
awaitRefetchQueries: true,
}).then(() => {
if (postClick) {
postClick();
}
});
}
if (loading) return <CircularProgress />;
if (error) return <div>Error</div>;
return (
<div>
<Button
variant="contained"
type="submit"
onClick={() => addCommentAndReopenBugAction()}
>
Reopen bug with comment
</Button>
</div>
);
}
export default ReopenBugWithCommentButton;
|
