aboutsummaryrefslogtreecommitdiffstats
path: root/webui/src/pages/bug
diff options
context:
space:
mode:
Diffstat (limited to 'webui/src/pages/bug')
-rw-r--r--webui/src/pages/bug/BackButton.tsx36
-rw-r--r--webui/src/pages/bug/Bug.tsx4
2 files changed, 2 insertions, 38 deletions
diff --git a/webui/src/pages/bug/BackButton.tsx b/webui/src/pages/bug/BackButton.tsx
deleted file mode 100644
index 4c73dd0a..00000000
--- a/webui/src/pages/bug/BackButton.tsx
+++ /dev/null
@@ -1,36 +0,0 @@
-import React from 'react';
-
-import Button from '@material-ui/core/Button';
-import { makeStyles } from '@material-ui/core/styles';
-import ArrowBackIcon from '@material-ui/icons/ArrowBack';
-
-const useStyles = makeStyles((theme) => ({
- backButton: {
- position: 'sticky',
- top: '80px',
- backgroundColor: theme.palette.primary.dark,
- color: theme.palette.primary.contrastText,
- '&:hover': {
- backgroundColor: theme.palette.primary.main,
- color: theme.palette.primary.contrastText,
- },
- },
-}));
-
-function BackButton() {
- const classes = useStyles();
-
- return (
- <Button
- variant="contained"
- className={classes.backButton}
- aria-label="back to issue list"
- href="/"
- >
- <ArrowBackIcon />
- Back to List
- </Button>
- );
-}
-
-export default BackButton;
diff --git a/webui/src/pages/bug/Bug.tsx b/webui/src/pages/bug/Bug.tsx
index aa6247f2..9ce2f6a6 100644
--- a/webui/src/pages/bug/Bug.tsx
+++ b/webui/src/pages/bug/Bug.tsx
@@ -2,11 +2,11 @@ import React from 'react';
import { makeStyles } from '@material-ui/core/styles';
+import BackToListButton from '../../components/BackToListButton/BackToListButton';
import BugTitleForm from 'src/components/BugTitleForm/BugTitleForm';
import IfLoggedIn from 'src/components/IfLoggedIn/IfLoggedIn';
import Label from 'src/components/Label';
-import BackButton from './BackButton';
import { BugFragment } from './Bug.generated';
import CommentForm from './CommentForm';
import TimelineQuery from './TimelineQuery';
@@ -88,7 +88,7 @@ function Bug({ bug }: Props) {
</div>
<div className={classes.container}>
<div className={classes.leftSidebar}>
- <BackButton />
+ <BackToListButton />
</div>
<div className={classes.timeline}>
<TimelineQuery id={bug.id} />