List.tsx

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