Prettier (#159)

* Prettier setup

* Update builds.service.ts

* Update builds.service.ts

* react-scripts udpated to 4.0.3

Author: pashidlos

package-lock.json

@@ -10,12 +10,12 @@
     "@testing-library/jest-dom": "^5.11.1",
     "@testing-library/react": "^10.4.7",
     "@testing-library/user-event": "^12.0.11",
-    "husky": "^4.2.5",
+    "husky": "^4.3.8",
     "konva": "^7.0.3",
-    "lint-staged": "^10.2.11",
+    "lint-staged": "^10.5.4",
     "material-ui-popup-state": "^1.6.1",
     "notistack": "^0.9.17",
-    "prettier": "^2.0.5",
+    "prettier": "^2.2.1",
     "qs": "^6.9.4",
     "react": "^16.13.1",
     "react-debounce-input": "^3.2.2",
@@ -24,7 +24,7 @@
     "react-konva": "^16.13.0-3",
     "react-material-ui-form-validator": "^2.1.1",
     "react-router-dom": "^5.2.0",
-    "react-scripts": "^3.4.3",
+    "react-scripts": "4.0.3",
     "socket.io-client": "^2.3.0",
     "typescript": "^3.9.7",
     "use-image": "^1.0.6"

package.json

@@ -25,9 +25,13 @@ export const BaseModal: React.FunctionComponent<IProps> = ({
   onSubmit,
   onCancel,
 }) => {
-
   return (
-    <Dialog open={open} onClose={onCancel} aria-labelledby="form-dialog-title" fullWidth>
+    <Dialog
+      open={open}
+      onClose={onCancel}
+      aria-labelledby="form-dialog-title"
+      fullWidth
+    >
       <DialogTitle id="form-dialog-title">{title}</DialogTitle>
       <ValidatorForm onSubmit={onSubmit} instantValidate>
         <DialogContent>{content}</DialogContent>

src/components/BaseModal.tsx

@@ -68,7 +68,7 @@ const LoginForm = () => {
                 required
                 fullWidth
                 inputProps={{
-                  onChange: (event:any) =>
+                  onChange: (event: any) =>
                     setPassword((event.target as HTMLInputElement).value),
                   "data-testid": "password",
                 }}

src/components/LoginForm.tsx

@@ -196,7 +196,7 @@ const ProfilePage = () => {
                           required
                           fullWidth
                           inputProps={{
-                            onChange: (event:any) =>
+                            onChange: (event: any) =>
                               setPassword(
                                 (event.target as HTMLInputElement).value
                               ),

src/pages/ProfilePage.tsx

@@ -1,7 +1,7 @@
 import { Build, PaginatedData } from "../types";
 import { handleResponse, authHeader } from "../_helpers/service.helpers";
 import { API_URL } from "../_config/env.config";
-import {BuildDto} from "../types/dto/build.dto";
+import { BuildDto } from "../types/dto/build.dto";
 
 const ENDPOINT_URL = "/builds";
 
@@ -47,7 +47,7 @@ async function update(id: string, body: BuildDto): Promise<Build> {
   const requestOptions = {
     method: "PATCH",
     headers: { "Content-Type": "application/json", ...authHeader() },
-    body: JSON.stringify(body)
+    body: JSON.stringify(body),
   };
 
   return fetch(`${API_URL}${ENDPOINT_URL}/${id}`, requestOptions).then(

src/services/builds.service.ts

@@ -1,4 +1,4 @@
 export interface BuildDto {
-    ciBuildId?: string;
-    isRunning?: boolean;
+  ciBuildId?: string;
+  isRunning?: boolean;
 }

src/types/dto/build.dto.ts

@@ -21,7 +21,8 @@
     "resolveJsonModule": true,
     "isolatedModules": true,
     "noEmit": true,
-    "jsx": "react"
+    "jsx": "react",
+    "noFallthroughCasesInSwitch": true
   },
   "include": [
     "src"