Use refetchQueries to update data after a delete

krofax · Apr 13, 2020 · 81e93b2 · 81e93b2
1 parent 7097b2d
commit 81e93b2
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 12 deletions.
diff --git a/packages/cli/src/commands/generate/scaffold/__tests__/fixtures/components/index.js b/packages/cli/src/commands/generate/scaffold/__tests__/fixtures/components/index.js
@@ -28,15 +28,11 @@ const timeTag = (datetime) => {
 }
 
 const PostsList = ({ posts }) => {
-  const [deletePost] = useMutation(DELETE_POST_MUTATION, {
-    onCompleted: () => {
-      location.reload()
-    },
-  })
+  const [deletePost] = useMutation(DELETE_POST_MUTATION)
 
   const onDeleteClick = (id) => {
     if (confirm('Are you sure you want to delete post ' + id + '?')) {
-      deletePost({ variables: { id } })
+      deletePost({ variables: { id }, refetchQueries: ['POSTS'] })
     }
   }
 

diff --git a/packages/cli/src/commands/generate/scaffold/templates/components/Names.js.template b/packages/cli/src/commands/generate/scaffold/templates/components/Names.js.template
@@ -28,15 +28,11 @@ const timeTag = (datetime) => {
 }
 
 const ${pluralPascalName}List = ({ ${pluralCamelName} }) => {
-  const [delete${singularPascalName}] = useMutation(DELETE_POST_MUTATION, {
-    onCompleted: () => {
-      location.reload()
-    },
-  })
+  const [delete${singularPascalName}] = useMutation(DELETE_POST_MUTATION)
 
   const onDeleteClick = (id) => {
     if (confirm('Are you sure you want to delete ${singularCamelName} ' + id + '?')) {
-      delete${singularPascalName}({ variables: { id } })
+      delete${singularPascalName}({ variables: { id }, refetchQueries: ['POSTS'] })
     }
   }