diff options
author | ludovicm67 <ludovicmuller1@gmail.com> | 2020-02-12 23:09:45 +0100 |
---|---|---|
committer | ludovicm67 <ludovicmuller1@gmail.com> | 2020-02-12 23:09:45 +0100 |
commit | d0a6da286a28e79ae3bb75af41219c4cc4df20b0 (patch) | |
tree | c02a2641c78331a45af4623613136f4cdc51af17 /webui/src/bug/SetTitle.tsx | |
parent | c2d18b3a9bec9933d2845ce3cfc6dd5b4f3ff348 (diff) | |
download | git-bug-d0a6da286a28e79ae3bb75af41219c4cc4df20b0.tar.gz |
webui: finish TypeScript conversion
Diffstat (limited to 'webui/src/bug/SetTitle.tsx')
-rw-r--r-- | webui/src/bug/SetTitle.tsx | 36 |
1 files changed, 36 insertions, 0 deletions
diff --git a/webui/src/bug/SetTitle.tsx b/webui/src/bug/SetTitle.tsx new file mode 100644 index 00000000..8a578aa1 --- /dev/null +++ b/webui/src/bug/SetTitle.tsx @@ -0,0 +1,36 @@ +import { makeStyles } from '@material-ui/core/styles'; +import React from 'react'; + +import Author from '../Author'; +import Date from '../Date'; +import { SetTitleFragment } from './SetTitleFragment.generated'; + +const useStyles = makeStyles(theme => ({ + main: { + ...theme.typography.body1, + marginLeft: theme.spacing(1) + 40, + }, + bold: { + fontWeight: 'bold', + }, +})); + +type Props = { + op: SetTitleFragment; +}; + +function SetTitle({ op }: Props) { + const classes = useStyles(); + return ( + <div className={classes.main}> + <Author author={op.author} className={classes.bold} /> + <span> changed the title from </span> + <span className={classes.bold}>{op.was}</span> + <span> to </span> + <span className={classes.bold}>{op.title}</span> + <Date date={op.date} /> + </div> + ); +} + +export default SetTitle; |