diff options
| author | Wes Bos <wesbos@gmail.com> | 2018-03-22 21:11:15 -0400 |
|---|---|---|
| committer | Wes Bos <wesbos@gmail.com> | 2018-03-22 21:11:15 -0400 |
| commit | 169b0953ad91f22bb3b2bf2d80d87ebfbe30d45d (patch) | |
| tree | e66454fb1055440996ae01cb980394d84715bf59 /frontend/components/Items.js | |
| parent | a6af043686e4375d7944e91cae3d5b63c59edab0 (diff) | |
yay
Diffstat (limited to 'frontend/components/Items.js')
| -rw-r--r-- | frontend/components/Items.js | 16 |
1 files changed, 2 insertions, 14 deletions
diff --git a/frontend/components/Items.js b/frontend/components/Items.js index 1f4918f..36491e6 100644 --- a/frontend/components/Items.js +++ b/frontend/components/Items.js @@ -7,15 +7,6 @@ import Item from './Item'; import { perPage } from '../config'; import { ALL_ITEMS_QUERY } from '../queries/index'; -// export const itemEnhancer = graphql(ALL_ITEMS_QUERY, { -// name: 'itemsQuery', -// options({ page }) { -// return { -// variables: , -// }; -// }, -// }); - const Items = styled.div` display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); @@ -48,12 +39,10 @@ class ItemList extends React.Component { first: perPage, }} > - {({ data, error, loading, variables }) => { + {({ data, error, loading }) => { if (loading) return <div>Loading</div>; if (error) return <div>Error</div>; - return ( - <Items key={this.props.page}>{data.items.map((item, i) => <Item key={item.id} item={item} />)}</Items> - ); + return <Items key={this.props.page}>{data.items.map(item => <Item key={item.id} item={item} />)}</Items>; }} </Query> <Pagination page={this.props.page} /> @@ -62,5 +51,4 @@ class ItemList extends React.Component { } } -// export default compose(itemEnhancer)(ItemList); export default ItemList; |
