Ran prettier on the whole frontend codebase again

frontend/src/views/ForgotPassword.jsx

@@ -1,122 +1,118 @@
 /* eslint-disable react/no-multi-comp */
-import React, {useState} from 'react';
+import React, { useState } from "react";
 
-import TextField from '@material-ui/core/TextField';
-import Button from '@material-ui/core/Button';
-import Paper from '@material-ui/core/Paper';
+import TextField from "@material-ui/core/TextField";
+import Button from "@material-ui/core/Button";
+import Paper from "@material-ui/core/Paper";
 
 const bodyDivStyle = {
-	margin: "auto",
-	marginTop: "100px",
-	width: "500px",
-}
+  margin: "auto",
+  marginTop: "100px",
+  width: "500px",
+};
 
+const ForgotPassword = (props) => {
+  const { globalUrl, isLoaded, isLoggedIn, surfaceColor, inputColor } = props;
 
-const ForgotPassword = props => {
-  	const { globalUrl, isLoaded, isLoggedIn, surfaceColor, inputColor } = props;
+  const boxStyle = {
+    paddingLeft: "30px",
+    paddingRight: "30px",
+    paddingBottom: "30px",
+    paddingTop: "30px",
+    backgroundColor: surfaceColor,
+  };
 
+  const [username, setUsername] = useState("");
+  const [resetInfo, setResetInfo] = useState(
+    "You will receive an email with instructions shortly."
+  );
 
-	const boxStyle = {
-		paddingLeft: "30px",
-		paddingRight: "30px",
-		paddingBottom: "30px",
-		paddingTop: "30px",
-		backgroundColor: surfaceColor,
-	}
+  const handleValidateForm = () => {
+    return username.length > 3;
+  };
 
-  	const [username, setUsername] = useState("")
-	const [resetInfo, setResetInfo] = useState("You will receive an email with instructions shortly.")
+  if (isLoggedIn === true) {
+    window.location.pathname = "/";
+  }
 
-	const handleValidateForm = () => {
-		return username.length > 3 
-	}
+  const onSubmit = (e) => {
+    e.preventDefault();
+    // FIXME - add some check here ROFL
 
-	if (isLoggedIn === true) {
-		window.location.pathname = "/"		
-	}
+    // Just use this one?
+    var data = { username: username };
+    var baseurl = globalUrl;
+    var url = baseurl + "/api/v1/passwordresetmail";
+    fetch(url, {
+      method: "POST",
+      body: JSON.stringify(data),
+      headers: {
+        "Content-Type": "application/json; charset=utf-8",
+      },
+    })
+      .then((response) =>
+        response.json().then((responseJson) => {
+          if (responseJson["success"] === false) {
+            setResetInfo(responseJson["reason"]);
+          }
+        })
+      )
+      .catch((error) => {
+        setResetInfo("Error in userdata: " + error);
+      });
+  };
 
-	const onSubmit = (e) => {
-		e.preventDefault()
-		// FIXME - add some check here ROFL
+  const onChangeUser = (e) => {
+    setUsername(e.target.value);
+  };
 
-		// Just use this one?
-		var data = {"username": username}
-		var baseurl = globalUrl
-		var url = baseurl+'/api/v1/passwordresetmail';
-		fetch(url, {
-			method: 'POST',
-			body: JSON.stringify(data),
-			headers: {
-				'Content-Type': 'application/json; charset=utf-8',
-			},
-		})
-		.then(response =>
-			response.json().then(responseJson => {
-				if (responseJson["success"] === false) {
-					setResetInfo(responseJson["reason"])
-				}
-			}),
-		)
-		.catch(error => {
-			setResetInfo("Error in userdata: " + error)
-		});
-	} 
+  const data = (
+    <div style={bodyDivStyle}>
+      <Paper style={boxStyle}>
+        <form onSubmit={onSubmit} style={{ margin: "15px 15px 15px 15px" }}>
+          <h2>Password reset</h2>
+          <div>
+            <TextField
+              required
+              fullWidth={true}
+              color="primary"
+              style={{ backgroundColor: inputColor }}
+              InputProps={{
+                style: {
+                  height: "50px",
+                  color: "white",
+                  fontSize: "1em",
+                },
+              }}
+              type="username"
+              placeholder="Username / Email"
+              id="standard-required"
+              autoComplete="username"
+              margin="normal"
+              variant="outlined"
+              onChange={onChangeUser}
+            />
+          </div>
+          <div style={{ display: "flex", marginTop: "15px" }}>
+            <Button
+              color="primary"
+              variant="contained"
+              type="submit"
+              style={{ flex: "1", marginRight: "5px" }}
+              disabled={!handleValidateForm()}
+            >
+              SUBMIT
+            </Button>
+          </div>
+          <div style={{ marginTop: "20px" }}>{resetInfo}</div>
+        </form>
+      </Paper>
+    </div>
+  );
 
-	const onChangeUser = (e) => {
-		setUsername(e.target.value)	
-	}
+  const loadedCheck = isLoaded ? <div>{data}</div> : <div></div>;
 
-	const data = 
-		<div style={bodyDivStyle}>
-			<Paper style={boxStyle}>
-      			<form onSubmit={onSubmit} style={{margin: "15px 15px 15px 15px"}}>
-					<h2>Password reset</h2>
-					<div>
-						<TextField
-							required
-							fullWidth={true}
-							color="primary"
-							style={{backgroundColor: inputColor}}
-							InputProps={{
-								style:{
-									height: "50px", 
-									color: "white",
-									fontSize: "1em",
-								},
-							}}
-							type="username"
-							placeholder="Username / Email"
-						  	id="standard-required"
-							autoComplete="username"
-							margin="normal"
-							variant="outlined"
-      	 					onChange={onChangeUser}
-						/>
-					</div>
-					<div style={{display: "flex", marginTop: "15px"}}>
-						<Button color="primary" variant="contained" type="submit" style={{flex: "1", marginRight: "5px"}} disabled={!handleValidateForm()}>SUBMIT</Button> 				
-						
-					</div>
-					<div style={{marginTop: "20px"}}>
-						{resetInfo}
-					</div>
-				</form>
-			</Paper>
-		</div>
-
-	const loadedCheck = isLoaded ? 
-		<div>
-			{data}
-		</div>
-		:
-		<div>
-		</div>
-
-	return (
-		<div>
-			{loadedCheck}
-		</div>
-	)
-}
+  return <div>{loadedCheck}</div>;
+};
 
 export default ForgotPassword;