bunch of stuff

web/src/components/EditPostCell/EditPostCell.js

@@ -0,0 +1,48 @@
+import { useMutation, useFlash } from '@redwoodjs/web'
+import { navigate, routes } from '@redwoodjs/router'
+import PostForm from 'src/components/PostForm'
+
+export const QUERY = gql`
+  query FIND_POST_BY_ID($id: Int!) {
+    post: post(id: $id) {
+      id
+      title
+      body
+      createdAt
+    }
+  }
+`
+const UPDATE_POST_MUTATION = gql`
+  mutation UpdatePostMutation($id: Int!, $input: UpdatePostInput!) {
+    updatePost(id: $id, input: $input) {
+      id
+    }
+  }
+`
+
+export const Loading = () => <div>Loading...</div>
+
+export const Success = ({ post }) => {
+  const { addMessage } = useFlash()
+  const [updatePost, { loading, error }] = useMutation(UPDATE_POST_MUTATION, {
+    onCompleted: () => {
+      navigate(routes.posts())
+      addMessage('Post updated.', { classes: 'rw-flash-success' })
+    },
+  })
+
+  const onSave = (input, id) => {
+    updatePost({ variables: { id, input } })
+  }
+
+  return (
+    <div className="rw-segment">
+      <header className="rw-segment-header">
+        <h2 className="rw-heading rw-heading-secondary">Edit Post {post.id}</h2>
+      </header>
+      <div className="rw-segment-main">
+        <PostForm post={post} onSave={onSave} error={error} loading={loading} />
+      </div>
+    </div>
+  )
+}