From 41a86494f3caea96dd4ed32733310783e47b429d Mon Sep 17 00:00:00 2001
From: Wes Bos <wesbos@gmail.com>
Date: Thu, 5 Apr 2018 16:52:40 -0400
Subject: refactor

---
 frontend/components/CreateItem.js | 21 ++++++++++++++++++---
 1 file changed, 18 insertions(+), 3 deletions(-)

(limited to 'frontend/components/CreateItem.js')

diff --git a/frontend/components/CreateItem.js b/frontend/components/CreateItem.js
index 625bf89..49f2f8f 100644
--- a/frontend/components/CreateItem.js
+++ b/frontend/components/CreateItem.js
@@ -1,6 +1,6 @@
 import React, { Component } from 'react';
 import { Mutation } from 'react-apollo';
-import { CREATE_ITEM_MUTATION } from '../queries';
+import { CREATE_ITEM_MUTATION, ALL_ITEMS_QUERY } from '../queries';
 import Error from './ErrorMessage';
 import Form from './styles/Form';
 import PropTypes from 'prop-types';
@@ -42,9 +42,22 @@ class CreateItem extends Component {
     });
   };
 
+  // TODO: Problem here - if I refetch page 1, page 2 to infinity are still out of date. I need to refetch all the pages somehow? without @connection
   render() {
     return (
-      <Mutation mutation={CREATE_ITEM_MUTATION} variables={this.state}>
+      <Mutation
+        mutation={CREATE_ITEM_MUTATION}
+        variables={this.state}
+        refetchQueries={[
+          {
+            query: ALL_ITEMS_QUERY,
+            variables: {
+              skip: 0,
+              first: 2,
+            },
+          },
+        ]}
+      >
         {(createItem, { loading, error }) => (
           <Form
             onSubmit={async e => {
@@ -62,7 +75,9 @@ class CreateItem extends Component {
               <label>
                 Image
                 <input required onChange={this.uploadFile} type="file" accept=".png, .jpg, .jpeg" />
-                {this.state.image ? <img src={this.state.image} width="100" alt={this.state.title} /> : null}
+                {this.state.image ? (
+                  <img src={this.state.image} width="100" alt={this.state.title} />
+                ) : null}
               </label>
               <label>
                 Title
-- 
cgit v1.3