[CI] Add linting option for frontend and enforce styling (#1565)

We now extend the default Eslint configuration and enforce styling with prettier for all of our frontend code.

1 files changed, 9 insertions, 7 deletions

diff --git a/web/src/components/LinearProgressBar.tsx b/web/src/components/LinearProgressBar.tsx
index b28276226..96fae97ab 100644
--- a/web/src/components/LinearProgressBar.tsx
+++ b/web/src/components/LinearProgressBar.tsx
@@ -1,4 +1,5 @@
 import React from "react";
+
 import { makeStyles, LinearProgress } from "@material-ui/core";
 import { CSSProperties } from "@material-ui/styles";
 
@@ -10,13 +11,13 @@ export interface Props {
 }
 
 const LinearProgressBar = function (props: Props) {
-    const style = makeStyles(theme => ({
+    const style = makeStyles((theme) => ({
         progressRoot: {
             height: props.height ? props.height : theme.spacing(),
         },
         transition: {
             transition: "transform .2s linear",
-        }
+        },
     }))();
     return (
         <LinearProgress
@@ -24,11 +25,12 @@ const LinearProgressBar = function (props: Props) {
             variant="determinate"
             classes={{
                 root: style.progressRoot,
-                bar1Determinate: style.transition
+                bar1Determinate: style.transition,
             }}
             value={props.value}
-            className={props.className} />
-    )
-}
+            className={props.className}
+        />
+    );
+};
 
-export default LinearProgressBar
\ No newline at end of file
+export default LinearProgressBar;