webui/src/list/List.tsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

import Table from '@material-ui/core/Table/Table';
import TableBody from '@material-ui/core/TableBody/TableBody';
import React from 'react';

import BugRow from './BugRow';
import { BugListFragment } from './ListQuery.generated';

type Props = { bugs: BugListFragment };
function List({ bugs }: Props) {
  return (
    <Table>
      <TableBody>
        {bugs.edges.map(({ cursor, node }) => (
          <BugRow bug={node} key={cursor} />
        ))}
      </TableBody>
    </Table>
  );
}

export default List;