Persist submission form values with apollo-link-state

To try it out:

1. On the dashboard, click "Submit a manuscript"
2. Fill out the form
3. Click "Next"
4. On the file upload dummy page, click "Author details" to return to the form
5. The values you entered should still be there

app/components/submission/AuthorDetailsPage.js

 import React from 'react'
 import { Formik } from 'formik'
 import { withRouter } from 'react-router-dom'
+import { Mutation, Query } from 'react-apollo'
+import gql from 'graphql-tag'
 
 import AuthorDetails from './AuthorDetails'
-import { schema, empty } from './AuthorDetailsSchema'
+import { schema } from './AuthorDetailsSchema'
+
+const GET_AUTHOR_DETAILS = gql`
+  query {
+    currentSubmission @client {
+      firstName
+      lastName
+      email
+      institute
+      assignee {
+        firstName
+        lastName
+        email
+      }
+    }
+  }
+`
+
+const UPDATE_AUTHOR_DETAILS = gql`
+  mutation($input: Submission) {
+    updateCurrentSubmission(input: $input) @client
+  }
+`
 
 const AuthorDetailsPage = ({ history }) => (
-  <Formik
-    component={AuthorDetails}
-    initialValues={empty}
-    onSubmit={values => {
-      history.push('/submit/upload')
+  <Query query={GET_AUTHOR_DETAILS}>
+    {({ loading, error, data, client }) => {
+      if (loading) return <div>Loading...</div>
+
+      if (error) {
+        console.error(error)
+        return <div>{String(error)}</div>
+      }
+
+      return (
+        <Mutation mutation={UPDATE_AUTHOR_DETAILS}>
+          {updateAuthorDetails => (
+            <Formik
+              component={AuthorDetails}
+              initialValues={data.currentSubmission}
+              onSubmit={values =>
+                updateAuthorDetails({
+                  variables: { input: values },
+                }).then(() => {
+                  history.push('/submit/upload')
+                })
+              }
+              validationSchema={schema}
+            />
+          )}
+        </Mutation>
+      )
     }}
-    validationSchema={schema}
-  />
+  </Query>
 )
 
 export default withRouter(AuthorDetailsPage)