Run prettier

Author: timmo001

src/components/Header.tsx

@@ -45,7 +45,8 @@ function Header(props: HeaderProps): ReactElement {
         [classes.absolute]: absolute,
         [classes.fixed]: fixed,
       })}
-      color={color}>
+      color={color}
+    >
       <Toolbar className={classes.container}>
         <Typography className={classes.title} component="div" variant="h4">
           {brand}
@@ -57,20 +58,23 @@ function Header(props: HeaderProps): ReactElement {
                 position: "absolute",
                 top: "calc(50% - 0.98rem)",
                 marginLeft: theme.spacing(4),
-              }}>
+              }}
+            >
               <a
                 href={repositoryData.owner.url}
                 rel="noreferrer"
                 target="_blank"
-                style={{ color: theme.palette.text.primary }}>
+                style={{ color: theme.palette.text.primary }}
+              >
                 {repositoryData?.owner?.login}
               </a>
               /
               <a
                 href={repositoryData.url}
                 rel="noreferrer"
                 target="_blank"
-                style={{ color: theme.palette.text.primary }}>
+                style={{ color: theme.palette.text.primary }}
+              >
                 {repositoryData?.name}
               </a>
             </Typography>
@@ -86,7 +90,8 @@ function Header(props: HeaderProps): ReactElement {
             color="inherit"
             aria-label="open drawer"
             size="large"
-            onClick={handleDrawerToggle}>
+            onClick={handleDrawerToggle}
+          >
             <Icon path={mdiMenu} size={1} />
           </IconButton>
         </Hidden>
@@ -99,7 +104,8 @@ function Header(props: HeaderProps): ReactElement {
           classes={{
             paper: classes.drawerPaper,
           }}
-          onClose={handleDrawerToggle}>
+          onClose={handleDrawerToggle}
+        >
           <div className={classes.appResponsive}>{rightLinks}</div>
         </Drawer>
       </Hidden>

src/components/HeaderLinks.tsx

@@ -39,7 +39,8 @@ function HeaderLinks(): ReactElement {
               }}
               onMouseLeave={() => {
                 setHoveringLoginButton(false);
-              }}>
+              }}
+            >
               <span className={classes.listItemText}>
                 {hoveringLoginButton
                   ? "Log out of GitHub"
@@ -56,7 +57,8 @@ function HeaderLinks(): ReactElement {
             <Button
               variant="outlined"
               className={classes.navLink}
-              onClick={handleSetRepository}>
+              onClick={handleSetRepository}
+            >
               <span className={classes.listItemText}>Set Repository</span>
             </Button>
           </ListItem>
@@ -69,7 +71,8 @@ function HeaderLinks(): ReactElement {
             href={{
               pathname: "/",
               query: router.query,
-            }}>
+            }}
+          >
             <Button variant="text" className={classes.navLink}>
               <span className={classes.listItemText}>Dashboard</span>
             </Button>

src/components/Image.tsx

@@ -38,7 +38,8 @@ function Image({
     <Fragment>
       <ButtonBase
         className={!showAsImage ? classes.galleryItem : ""}
-        onClick={openMediaDialog}>
+        onClick={openMediaDialog}
+      >
         <Card className={classes.galleryItemCard} elevation={hidePaper ? 0 : 1}>
           {showAsImage ? (
             <img src={media.url} alt={media.alternativeText} />
@@ -63,7 +64,8 @@ function Image({
         scroll="body"
         open={showDialog}
         onClick={closeMediaDialog}
-        onClose={closeMediaDialog}>
+        onClose={closeMediaDialog}
+      >
         {showDialog ? (
           <Fragment>
             {!hideTitle && media.alternativeText ? (

src/components/MoveIteration.tsx

@@ -39,7 +39,8 @@ function MoveIteration({
       maxWidth="sm"
       scroll="body"
       open={newIteration ? true : false}
-      onClose={handleCloseMoveIteration}>
+      onClose={handleCloseMoveIteration}
+    >
       <DialogTitle>Move iteration</DialogTitle>
       <DialogContent>
         <DialogContentText>
@@ -69,7 +70,8 @@ function MoveIteration({
         <Button
           onClick={() => {
             handleMoveIterationConfirm(newIteration);
-          }}>
+          }}
+        >
           Move
         </Button>
       </DialogActions>

src/components/SetRepository.tsx

@@ -158,7 +158,8 @@ function SetRepository(): ReactElement {
       maxWidth="md"
       open
       scroll="body"
-      onClose={handleCloseSetRepository}>
+      onClose={handleCloseSetRepository}
+    >
       <DialogTitle>Change Repository</DialogTitle>
       {newRepository ? (
         <>
@@ -169,7 +170,8 @@ function SetRepository(): ReactElement {
                 xs={5}
                 container
                 alignContent="center"
-                justifyContent="flex-end">
+                justifyContent="flex-end"
+              >
                 <Timeline position="alternate">
                   {steps.map((step: Step, key: number) => (
                     <TimelineItem key={key}>
@@ -193,7 +195,8 @@ function SetRepository(): ReactElement {
                 xs
                 container
                 alignContent="center"
-                justifyContent="center">
+                justifyContent="center"
+              >
                 {currentStep.label === "Type" ? (
                   <Autocomplete
                     disableClearable
@@ -271,7 +274,8 @@ function SetRepository(): ReactElement {
         <Grid
           container
           alignContent="space-around"
-          justifyContent="space-around">
+          justifyContent="space-around"
+        >
           <CircularProgress color="primary" />
         </Grid>
       )}

src/pages/index.tsx

@@ -277,7 +277,8 @@ export default function Home({ clientId }: HomeProps): ReactElement {
         container
         direction="row"
         alignContent="space-around"
-        justifyContent="center">
+        justifyContent="center"
+      >
         {alert ? (
           <Grid item xs={11}>
             <Alert severity="error">{alert}</Alert>
@@ -294,7 +295,8 @@ export default function Home({ clientId }: HomeProps): ReactElement {
               sx={{ padding: theme.spacing(1), marginBottom: theme.spacing(2) }}
               onClick={() => {
                 router.push(authorizeUrl);
-              }}>
+              }}
+            >
               Authenticate with GitHub
             </Button>
           </Grid>
@@ -307,14 +309,16 @@ export default function Home({ clientId }: HomeProps): ReactElement {
           sx={{
             padding: theme.spacing(0),
             textAlign: "center",
-          }}>
+          }}
+        >
           {repositoryData ? (
             <>
               <Grid
                 container
                 direction="row"
                 alignContent="space-around"
-                justifyContent="space-around">
+                justifyContent="space-around"
+              >
                 <Stat
                   icon={mdiChatOutline}
                   title="Discussions"
@@ -364,7 +368,8 @@ export default function Home({ clientId }: HomeProps): ReactElement {
                 direction="row"
                 alignContent="space-around"
                 justifyContent="space-around"
-                sx={{ margin: theme.spacing(2, 0) }}>
+                sx={{ margin: theme.spacing(2, 0) }}
+              >
                 <Grid item sm={12} lg={6} sx={{ padding: theme.spacing(1, 2) }}>
                   <Typography variant="h4" noWrap>
                     <Icon
@@ -381,7 +386,8 @@ export default function Home({ clientId }: HomeProps): ReactElement {
                     style={{
                       width: "100%",
                       height: 520,
-                    }}>
+                    }}
+                  >
                     <ResponsiveContainer width="100%" height="100%">
                       <LineChart data={issuesByDay}>
                         <XAxis dataKey="date" />
@@ -417,7 +423,8 @@ export default function Home({ clientId }: HomeProps): ReactElement {
                     style={{
                       width: "100%",
                       height: 520,
-                    }}>
+                    }}
+                  >
                     <ResponsiveContainer width="100%" height="100%">
                       <LineChart data={pullRequestsByDay}>
                         <XAxis dataKey="date" />
@@ -443,7 +450,8 @@ export default function Home({ clientId }: HomeProps): ReactElement {
             <Grid
               container
               alignContent="space-around"
-              justifyContent="space-around">
+              justifyContent="space-around"
+            >
               {status === Status.NoRepository ? (
                 <Typography variant="h4" noWrap>
                   Please select a repository