temporary fix for broken apollo cache policy

1 files changed, 17 insertions, 2 deletions

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} />