diff options
author | Quentin Gliech <quentingliech@gmail.com> | 2020-02-13 20:00:03 +0100 |
---|---|---|
committer | Quentin Gliech <quentingliech@gmail.com> | 2020-02-13 20:00:03 +0100 |
commit | ce6f6a984b374b189141116433ced80dfa0c2aae (patch) | |
tree | e6487b9b480e6b18767ae310b702b57e5cbef000 /webui/src/pages/bug/Timeline.tsx | |
parent | 8b85780d76ad45675582f4478eedb026b7ac25e1 (diff) | |
download | git-bug-ce6f6a984b374b189141116433ced80dfa0c2aae.tar.gz |
webui: move pages components
Diffstat (limited to 'webui/src/pages/bug/Timeline.tsx')
-rw-r--r-- | webui/src/pages/bug/Timeline.tsx | 49 |
1 files changed, 49 insertions, 0 deletions
diff --git a/webui/src/pages/bug/Timeline.tsx b/webui/src/pages/bug/Timeline.tsx new file mode 100644 index 00000000..73c88cdf --- /dev/null +++ b/webui/src/pages/bug/Timeline.tsx @@ -0,0 +1,49 @@ +import React from 'react'; + +import { makeStyles } from '@material-ui/core/styles'; + +import LabelChange from './LabelChange'; +import Message from './Message'; +import SetStatus from './SetStatus'; +import SetTitle from './SetTitle'; +import { TimelineItemFragment } from './TimelineQuery.generated'; + +const useStyles = makeStyles(theme => ({ + main: { + '& > *:not(:last-child)': { + marginBottom: theme.spacing(2), + }, + }, +})); + +type Props = { + ops: Array<TimelineItemFragment>; +}; + +function Timeline({ ops }: Props) { + const classes = useStyles(); + + return ( + <div className={classes.main}> + {ops.map((op, index) => { + switch (op.__typename) { + case 'CreateTimelineItem': + return <Message key={index} op={op} />; + case 'AddCommentTimelineItem': + return <Message key={index} op={op} />; + case 'LabelChangeTimelineItem': + return <LabelChange key={index} op={op} />; + case 'SetTitleTimelineItem': + return <SetTitle key={index} op={op} />; + case 'SetStatusTimelineItem': + return <SetStatus key={index} op={op} />; + } + + console.warn('unsupported operation type ' + op.__typename); + return null; + })} + </div> + ); +} + +export default Timeline; |