temporary fix for broken apollo cache policy

3 files changed, 21 insertions, 16 deletions

diff --git a/frontend/components/CreateItem.js b/frontend/components/CreateItem.js
index ece62b4..625bf89 100644
--- a/frontend/components/CreateItem.js
+++ b/frontend/components/CreateItem.js
@@ -5,6 +5,7 @@ import Error from './ErrorMessage';
 import Form from './styles/Form';
 import PropTypes from 'prop-types';
 import Router from 'next/router';
+import formatMoney from '../lib/formatMoney';
 
 class CreateItem extends Component {
   state = {
@@ -76,7 +77,7 @@ class CreateItem extends Component {
                 />
               </label>
               <label>
-                Price
+                Price {this.state.price && formatMoney(this.state.price)}
                 <input
                   required
                   type="number"
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} />
diff --git a/frontend/components/Nav.js b/frontend/components/Nav.js
index a51f7ca..7e65ec5 100644
--- a/frontend/components/Nav.js
+++ b/frontend/components/Nav.js
@@ -61,23 +61,12 @@ const StyledUl = styled.ul`
 class Nav extends React.Component {
   render() {
     return (
-      <Query query={CURRENT_USER_QUERY}>
-        {({ data: { me }, refetch, loading, error }) => (
+      <Query query={CURRENT_USER_QUERY} ssr={false}>
+        {({ data: { me } }) => (
           <StyledUl>
             <Link prefetch href="/items">
               <a>Shop</a>
             </Link>
-            <button
-              onClick={() => {
-                console.log('refetching!!');
-                refetch()
-                  .then(console.log)
-                  .catch(console.error);
-                console.log('done');
-              }}
-            >
-              Refetch User
-            </button>
             <Link prefetch href="/add">
               <a>Sell</a>
             </Link>