import { makeStyles } from '@material-ui/styles'; import IconButton from '@material-ui/core/IconButton'; import Table from '@material-ui/core/Table/Table'; import TableBody from '@material-ui/core/TableBody/TableBody'; import KeyboardArrowLeft from '@material-ui/icons/KeyboardArrowLeft'; import KeyboardArrowRight from '@material-ui/icons/KeyboardArrowRight'; import React from 'react'; import BugRow from './BugRow'; const useStyles = makeStyles(theme => ({ main: { maxWidth: 600, margin: 'auto', marginTop: theme.spacing.unit * 4, }, pagination: { ...theme.typography.overline, display: 'flex', alignItems: 'center', justifyContent: 'flex-end', }, })); function List({ bugs, nextPage, prevPage }) { const classes = useStyles(); const { hasNextPage, hasPreviousPage } = bugs.pageInfo; return (
{bugs.edges.map(({ cursor, node }) => ( ))}
Total: {bugs.totalCount}
); } export default List;