import React from 'react'; import gql from 'graphql-tag'; import { Query } from 'react-apollo'; import Head from 'next/head'; import Link from 'next/link'; import PaginationStyles from './styles/PaginationStyles'; import { perPage } from '../config'; const PAGINATION_QUERY = gql` query PAGINATION_QUERY { itemsConnection { aggregate { count } } } `; const Pagination = props => ( {({ data, loading, error }) => { if (loading) return

Loading...

; const count = data.itemsConnection.aggregate.count; const pages = Math.ceil(count / perPage); const page = props.page; return ( Sick Fits! — Page {page} of {pages} ← Prev

Page {props.page} of {pages}!

{count} Items Total

= pages}> Next → ); }} ); export default Pagination;