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/bug/LabelChange.tsx | |
parent | 8b85780d76ad45675582f4478eedb026b7ac25e1 (diff) | |
download | git-bug-ce6f6a984b374b189141116433ced80dfa0c2aae.tar.gz |
webui: move pages components
Diffstat (limited to 'webui/src/bug/LabelChange.tsx')
-rw-r--r-- | webui/src/bug/LabelChange.tsx | 49 |
1 files changed, 0 insertions, 49 deletions
diff --git a/webui/src/bug/LabelChange.tsx b/webui/src/bug/LabelChange.tsx deleted file mode 100644 index a3950524..00000000 --- a/webui/src/bug/LabelChange.tsx +++ /dev/null @@ -1,49 +0,0 @@ -import { makeStyles } from '@material-ui/core/styles'; -import React from 'react'; - -import Author from '../components/Author'; -import Date from '../components/Date'; -import Label from '../components/Label'; - -import { LabelChangeFragment } from './LabelChangeFragment.generated'; - -const useStyles = makeStyles(theme => ({ - main: { - ...theme.typography.body1, - marginLeft: theme.spacing(1) + 40, - }, - author: { - fontWeight: 'bold', - }, -})); - -type Props = { - op: LabelChangeFragment; -}; - -function LabelChange({ op }: Props) { - const { added, removed } = op; - const classes = useStyles(); - return ( - <div className={classes.main}> - <Author author={op.author} className={classes.author} /> - {added.length > 0 && <span> added the </span>} - {added.map((label, index) => ( - <Label key={index} label={label} /> - ))} - {added.length > 0 && removed.length > 0 && <span> and</span>} - {removed.length > 0 && <span> removed the </span>} - {removed.map((label, index) => ( - <Label key={index} label={label} /> - ))} - <span> - {' '} - label - {added.length + removed.length > 1 && 's'}{' '} - </span> - <Date date={op.date} /> - </div> - ); -} - -export default LabelChange; |