List.js

 1import Table from '@material-ui/core/Table/Table';
 2import TableBody from '@material-ui/core/TableBody/TableBody';
 3import React from 'react';
 4import BugRow from './BugRow';
 5
 6function List({ bugs }) {
 7  return (
 8    <Table>
 9      <TableBody>
10        {bugs.edges.map(({ cursor, node }) => (
11          <BugRow bug={node} key={cursor} />
12        ))}
13      </TableBody>
14    </Table>
15  );
16}
17
18export default List;