Add PostDetail deleteMutation

Author: MetaCorp

frontend/src/components/post/PostDetail.tsx

@@ -20,6 +20,10 @@ interface PublishMutationResponse {
   publish: PostType
 }
 
+interface DeleteMutationResponse {
+  deletePost: PostType
+}
+
 interface MatchParam {
   id: string
 }
@@ -38,6 +42,8 @@ const PostDetail: React.FC = () => {
 
   const publishMutation = useMutation<PublishMutationResponse>(PUBLISH_MUTATION)
 
+  const deleteMutation = useMutation<DeleteMutationResponse>(DELETE_MUTATION)
+
   const handlePublish = () => {
     if (!postQuery.data) return
 
@@ -54,6 +60,26 @@ const PostDetail: React.FC = () => {
       })
   }
 
+  const handleDelete = () => {
+    if (!postQuery.data) return
+
+    deleteMutation({
+      variables: {
+        where: { id: postQuery.data.post.id },
+      },
+    })
+      .then(() => {
+        client
+          .resetStore()
+          .then(() =>
+            history.push(postQuery.data.post.published ? '/' : '/drafts'),
+          )
+      })
+      .catch((e) => {
+        setError(e.message)
+      })
+  }
+
   console.log('PostDetail: ', postQuery)
 
   if (!meQuery || !postQuery || !postQuery.data) return <div>ERROR</div>
@@ -79,6 +105,7 @@ const PostDetail: React.FC = () => {
       {isOwner && !postQuery.data.post.published && (
         <Button onClick={handlePublish}>Publish</Button>
       )}
+      {isOwner && <Button onClick={handleDelete}>Delete</Button>}
       {error}
     </div>
   )
@@ -93,6 +120,14 @@ const PUBLISH_MUTATION = gql`
   }
 `
 
+const DELETE_MUTATION = gql`
+  mutation DeletePost($where: PostWhereUniqueInput!) {
+    deletePost(where: $where) {
+      id
+    }
+  }
+`
+
 const POST_QUERY = gql`
   query Post($where: PostWhereUniqueInput!) {
     post(where: $where) {

frontend/src/routes/RoutesAuth.tsx

@@ -24,6 +24,10 @@ interface MeQueryResponse {
   data: {
     me: UserType
   }
+  error: {
+    message: string
+  }
+  loading: boolean
 }
 
 const RoutesAuth: React.FC = () => {