webui: convert bug list to typescript

1 files changed, 20 insertions, 0 deletions

diff --git a/webui/src/list/List.tsx b/webui/src/list/List.tsx
new file mode 100644
index 00000000..23b193d4
--- /dev/null
+++ b/webui/src/list/List.tsx
@@ -0,0 +1,20 @@
+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;