From cab6919072fd8145da7c703134c88cfd48ddd27b Mon Sep 17 00:00:00 2001
From: Wes Bos <wesbos@gmail.com>
Date: Mon, 2 Apr 2018 16:49:41 -0400
Subject: temporary fix for broken apollo cache policy

---
 frontend/components/Items.js | 19 +++++++++++++++++--
 1 file changed, 17 insertions(+), 2 deletions(-)

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

diff --git a/frontend/components/Items.js b/frontend/components/Items.js
index 36491e6..d0e39e9 100644
--- a/frontend/components/Items.js
+++ b/frontend/components/Items.js
@@ -34,15 +34,30 @@ class ItemList extends React.Component {
         <Pagination page={this.props.page} />
         <Query
           query={ALL_ITEMS_QUERY}
+          fetchPolicy="cache-and-network"
+          ssr={false}
           variables={{
             skip: this.props.page * perPage - perPage,
             first: perPage,
           }}
         >
-          {({ data, error, loading }) => {
+          {({ data, error, loading, variables, refetch }) => {
             if (loading) return <div>Loading</div>;
             if (error) return <div>Error</div>;
-            return <Items key={this.props.page}>{data.items.map(item => <Item key={item.id} item={item} />)}</Items>;
+            return (
+              <Items key={this.props.page}>
+                {data.items.map(item => <Item key={item.id} item={item} />)}
+                <button
+                  onClick={() => {
+                    console.log('Refetching..');
+                    console.log(refetch);
+                    refetch();
+                  }}
+                >
+                  refetch
+                </button>
+              </Items>
+            );
           }}
         </Query>
         <Pagination page={this.props.page} />
-- 
cgit v1.3