webui: rework of the bug page with a timeline

1 files changed, 43 insertions, 0 deletions

diff --git a/webui/src/bug/Timeline.js b/webui/src/bug/Timeline.js
new file mode 100644
index 00000000..0c4100ec
--- /dev/null
+++ b/webui/src/bug/Timeline.js
@@ -0,0 +1,43 @@
+import { withStyles } from '@material-ui/core/styles'
+import React from 'react'
+import Message from './Message'
+
+const styles = theme => ({
+  main: {
+    '& > *:not(:last-child)': {
+      marginBottom: 10
+    }
+  }
+})
+
+class Timeline extends React.Component {
+
+  props: {
+    ops: Array,
+    fetchMore: (any) => any,
+    classes: any,
+  }
+
+  render() {
+    const {ops, classes} = this.props
+
+    return (
+      <div className={classes.main}>
+        { ops.map((op, index) => {
+          switch (op.__typename) {
+            case 'CreateOperation':
+              return <Message key={index} message={op}/>
+            case 'AddCommentOperation':
+              return <Message key={index} message={op}/>
+
+            default:
+              console.log('unsupported operation type ' + op.__typename)
+              return null
+          }
+        })}
+      </div>
+    )
+  }
+}
+
+export default withStyles(styles)(Timeline)