Refactor BackToListButton #10

Lena created 4 years ago

Change summary

webui/src/components/BackToListButton/BackToListButton.tsx | 4 ++--
webui/src/pages/bug/Bug.tsx                                | 4 ++--
webui/src/pages/new/NewBugPage.tsx                         | 4 ++--
3 files changed, 6 insertions(+), 6 deletions(-)

Detailed changes

webui/src/pages/bug/BackButton.tsx → webui/src/components/BackToListButton/BackToListButton.tsx

@@ -17,7 +17,7 @@ const useStyles = makeStyles((theme) => ({
   },
 }));
 
-function BackButton() {
+function BackToListButton() {
   const classes = useStyles();
 
   return (
@@ -33,4 +33,4 @@ function BackButton() {
   );
 }
 
-export default BackButton;
+export default BackToListButton;

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} />

webui/src/pages/new/NewBugPage.tsx

@@ -4,9 +4,9 @@ import { useHistory } from 'react-router-dom';
 import { Button, Paper } from '@material-ui/core';
 import { makeStyles, Theme } from '@material-ui/core/styles';
 
+import BackToListButton from '../../components/BackToListButton/BackToListButton';
 import BugTitleInput from '../../components/BugTitleForm/BugTitleInput';
 import CommentInput from '../../components/CommentInput/CommentInput';
-import BackButton from '../bug/BackButton';
 
 import { useNewBugMutation } from './NewBug.generated';
 
@@ -96,7 +96,7 @@ function NewBugPage() {
     <main className={classes.main}>
       <div className={classes.container}>
         <div className={classes.leftSidebar}>
-          <BackButton />
+          <BackToListButton />
         </div>
         <Paper className={classes.timeline}>
           <form className={classes.form} onSubmit={submitNewIssue}>