Remember to run Prettier, even when it has precommit hook (#339)

Author: paazmaya

integration_tests/pages/LoginPage.ts

@@ -4,6 +4,7 @@ export class LoginPage extends BasePage {
   email = this.page.getByTestId("email");
   password = this.page.getByTestId("password");
   loginBtn = this.page.getByTestId("loginBtn");
-  showPasswordBtn = this.page.locator("[aria-label='toggle password visibility']");
+  showPasswordBtn = this.page.locator(
+    "[aria-label='toggle password visibility']",
+  );
 }
-

integration_tests/test/login.spec.ts

@@ -24,8 +24,8 @@ test("show and hide password", async ({ loginPage }) => {
   await loginPage.password.type("123456");
 
   await loginPage.showPasswordBtn.click();
-  expect(await loginPage.password.getAttribute('type')).toBe('text');
+  expect(await loginPage.password.getAttribute("type")).toBe("text");
 
   await loginPage.showPasswordBtn.click();
-  expect(await loginPage.password.getAttribute('type')).toBe('password');
-});
+  expect(await loginPage.password.getAttribute("type")).toBe("password");
+});

src/components/BuildList/index.tsx

@@ -1,5 +1,5 @@
 import React, { FunctionComponent } from "react";
-import { makeStyles, createStyles } from '@mui/styles';
+import { makeStyles, createStyles } from "@mui/styles";
 import {
   List,
   ListItemButton,

src/components/CommentsPopper.tsx

@@ -1,6 +1,14 @@
 import React from "react";
-import { makeStyles } from '@mui/styles';
-import { Button, Popper, Fade, Paper, TextField, Badge, type Theme } from "@mui/material";
+import { makeStyles } from "@mui/styles";
+import {
+  Button,
+  Popper,
+  Fade,
+  Paper,
+  TextField,
+  Badge,
+  type Theme,
+} from "@mui/material";
 import {
   usePopupState,
   bindToggle,
@@ -16,7 +24,6 @@ const useStyles = makeStyles((theme: Theme) => ({
   },
 }));
 
-
 interface IProps {
   text: string | undefined;
   onSave: (comment: string) => Promise<void | string | number>;

src/components/LoginForm.tsx

@@ -63,10 +63,7 @@ const LoginForm = () => {
             </Grid>
 
             <Grid item>
-              <PasswordField
-                password={password}
-                setPassword={setPassword}
-              />
+              <PasswordField password={password} setPassword={setPassword} />
             </Grid>
           </Grid>
         </CardContent>

src/components/PasswordField.tsx

@@ -1,18 +1,19 @@
 import React, { useState } from "react";
-import {
-  IconButton,
-  InputAdornment,
-} from "@mui/material";
+import { IconButton, InputAdornment } from "@mui/material";
 import { Visibility, VisibilityOff } from "@mui/icons-material";
 import { TextValidator } from "react-material-ui-form-validator";
 
 interface PasswordFieldProps {
-    password: string;
-    setPassword: React.Dispatch<React.SetStateAction<string>>;
-    label?: string;
+  password: string;
+  setPassword: React.Dispatch<React.SetStateAction<string>>;
+  label?: string;
 }
 
-const PasswordField = ({password, setPassword, label = "Password" }: PasswordFieldProps) => {
+const PasswordField = ({
+  password,
+  setPassword,
+  label = "Password",
+}: PasswordFieldProps) => {
   const [showPassword, setShowPassword] = useState<boolean>(false);
 
   const handleClickShowPassword = () => setShowPassword((show) => !show);

src/components/ProjectSelect.tsx

@@ -1,5 +1,5 @@
 import React, { FunctionComponent } from "react";
-import { makeStyles, createStyles } from '@mui/styles';
+import { makeStyles, createStyles } from "@mui/styles";
 import {
   FormControl,
   InputLabel,

src/components/RegisterForm.tsx

@@ -1,11 +1,5 @@
 import React, { useState, FormEvent } from "react";
-import {
-  Button,
-  Grid,
-  Card,
-  CardContent,
-  CardActions,
-} from "@mui/material";
+import { Button, Grid, Card, CardContent, CardActions } from "@mui/material";
 import { useUserDispatch, login } from "../contexts";
 import { usersService } from "../services";
 import { useSnackbar } from "notistack";
@@ -39,7 +33,7 @@ const RegisterForm = () => {
         }),
       );
   };
-  
+
   const errorForTwoChar = "Enter at least two characters.";
 
   return (
@@ -105,10 +99,7 @@ const RegisterForm = () => {
               />
             </Grid>
             <Grid item>
-              <PasswordField
-                password={password}
-                setPassword={setPassword}
-              />
+              <PasswordField password={password} setPassword={setPassword} />
             </Grid>
           </Grid>
         </CardContent>

src/components/TestDetailsDialog/DrawArea.tsx

@@ -339,9 +339,5 @@ export const DrawArea: FunctionComponent<IDrawArea> = ({
   );
 
   // TODO: Separate SVG with reason...
-  return (
-    <>
-      {imageName ? imageCanvas() : <NoImagePlaceholder />}
-    </>
-  );
+  return <>{imageName ? imageCanvas() : <NoImagePlaceholder />}</>;
 };

src/components/TestDetailsDialog/TestDetailsModal.tsx

@@ -1,5 +1,5 @@
 import React, { useEffect, useState } from "react";
-import { makeStyles } from '@mui/styles';
+import { makeStyles } from "@mui/styles";
 import {
   Typography,
   Button,
@@ -603,11 +603,7 @@ const TestDetailsModal: React.FunctionComponent<TestDetailsModalProps> = ({
           <TestStatusChip status={testRun.status} />
         </Grid>
         <Grid item className={classes.closeIcon}>
-          <IconButton
-            color="inherit"
-            onClick={handleClose}
-            size="large"
-          >
+          <IconButton color="inherit" onClick={handleClose} size="large">
             <Close />
           </IconButton>
         </Grid>