aboutsummaryrefslogtreecommitdiffstats
path: root/webui/src/bug/Bug.tsx
diff options
context:
space:
mode:
authorQuentin Gliech <quentingliech@gmail.com>2020-02-13 20:00:03 +0100
committerQuentin Gliech <quentingliech@gmail.com>2020-02-13 20:00:03 +0100
commitce6f6a984b374b189141116433ced80dfa0c2aae (patch)
treee6487b9b480e6b18767ae310b702b57e5cbef000 /webui/src/bug/Bug.tsx
parent8b85780d76ad45675582f4478eedb026b7ac25e1 (diff)
downloadgit-bug-ce6f6a984b374b189141116433ced80dfa0c2aae.tar.gz
webui: move pages components
Diffstat (limited to 'webui/src/bug/Bug.tsx')
-rw-r--r--webui/src/bug/Bug.tsx97
1 files changed, 0 insertions, 97 deletions
diff --git a/webui/src/bug/Bug.tsx b/webui/src/bug/Bug.tsx
deleted file mode 100644
index 0e53e447..00000000
--- a/webui/src/bug/Bug.tsx
+++ /dev/null
@@ -1,97 +0,0 @@
-import Typography from '@material-ui/core/Typography/Typography';
-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 { BugFragment } from './Bug.generated';
-import CommentForm from './CommentForm';
-import TimelineQuery from './TimelineQuery';
-
-const useStyles = makeStyles(theme => ({
- main: {
- maxWidth: 800,
- margin: 'auto',
- marginTop: theme.spacing(4),
- },
- header: {
- marginLeft: theme.spacing(1) + 40,
- },
- title: {
- ...theme.typography.h5,
- },
- id: {
- ...theme.typography.subtitle1,
- marginLeft: theme.spacing(1),
- },
- container: {
- display: 'flex',
- marginBottom: theme.spacing(1),
- },
- timeline: {
- flex: 1,
- marginTop: theme.spacing(2),
- marginRight: theme.spacing(2),
- minWidth: 0,
- },
- sidebar: {
- marginTop: theme.spacing(2),
- flex: '0 0 200px',
- },
- labelList: {
- listStyle: 'none',
- padding: 0,
- margin: 0,
- },
- label: {
- marginTop: theme.spacing(1),
- marginBottom: theme.spacing(1),
- '& > *': {
- display: 'block',
- },
- },
-}));
-
-type Props = {
- bug: BugFragment;
-};
-
-function Bug({ bug }: Props) {
- const classes = useStyles();
- return (
- <main className={classes.main}>
- <div className={classes.header}>
- <span className={classes.title}>{bug.title}</span>
- <span className={classes.id}>{bug.humanId}</span>
-
- <Typography color={'textSecondary'}>
- <Author author={bug.author} />
- {' opened this bug '}
- <Date date={bug.createdAt} />
- </Typography>
- </div>
-
- <div className={classes.container}>
- <div className={classes.timeline}>
- <TimelineQuery id={bug.id} />
- </div>
- <div className={classes.sidebar}>
- <Typography variant={'subtitle1'}>Labels</Typography>
- <ul className={classes.labelList}>
- {bug.labels.map(l => (
- <li className={classes.label} key={l.name}>
- <Label label={l} key={l.name} />
- </li>
- ))}
- </ul>
- </div>
- </div>
-
- <CommentForm bugId={bug.id} />
- </main>
- );
-}
-
-export default Bug;