fixed var names
This commit is contained in:
@@ -67,7 +67,7 @@ export default function CreateAccount() {
|
||||
const [login, setLogin] = React.useState(true);
|
||||
const [status, setStatus] = React.useState(null);
|
||||
const [statusText, setStatusText] = React.useState(null);
|
||||
const [button, setButton] = React.useState(false);
|
||||
const [disabled, setDisabled] = React.useState(false);
|
||||
|
||||
const putCreateAccount = async (url, data) => {
|
||||
const response = await fetch(url, {
|
||||
@@ -86,12 +86,12 @@ export default function CreateAccount() {
|
||||
if (response.status == "200") {
|
||||
setLogin(false)
|
||||
}
|
||||
setButton(false)
|
||||
setDisabled(false)
|
||||
setTimeout(() => { setStatus(null) }, 5000)
|
||||
}
|
||||
const handleClick = (e) => {
|
||||
if (username !== "" && password !== "") {
|
||||
setButton(true)
|
||||
setDisabled(true)
|
||||
putCreateAccount(url, { email: username, password: password })
|
||||
|
||||
setUsername("")
|
||||
@@ -102,7 +102,7 @@ export default function CreateAccount() {
|
||||
const handleKeyDown = (e) => {
|
||||
if (e.key === "Enter") {
|
||||
if (username !== "" && password !== "") {
|
||||
setButton(true)
|
||||
setDisabled(true)
|
||||
putCreateAccount(url, { email: username, password: password })
|
||||
|
||||
setUsername("")
|
||||
@@ -146,7 +146,7 @@ export default function CreateAccount() {
|
||||
value={username}
|
||||
className={classes.input}
|
||||
onKeyDown={handleKeyDown}
|
||||
disabled={button}
|
||||
disabled={disabled}
|
||||
/>
|
||||
</Box >
|
||||
</Grid>
|
||||
@@ -163,13 +163,13 @@ export default function CreateAccount() {
|
||||
onChange={handleChangePW}
|
||||
className={classes.input}
|
||||
onKeyDown={handleKeyDown}
|
||||
disabled={button}
|
||||
disabled={disabled}
|
||||
/>
|
||||
</Box >
|
||||
</Grid>
|
||||
<Grid item xs={12}>
|
||||
<Box display="flex" justifyContent="center" >
|
||||
<Button disabled={button} variant="contained" color="secondary" onClick={handleClick} >
|
||||
<Button disabled={disabled} variant="contained" color="secondary" onClick={handleClick} >
|
||||
Create Account
|
||||
</Button>
|
||||
</Box >
|
||||
|
||||
@@ -68,7 +68,7 @@ export default function Login() {
|
||||
const [password, setPassword] = React.useState("");
|
||||
const [login, setLogin] = React.useState(true);
|
||||
const [status, setStatus] = React.useState(null);
|
||||
const [button, setButton] = React.useState(false);
|
||||
const [disabled, setDisabled] = React.useState(false);
|
||||
const [statusText, setStatusText] = React.useState(null);
|
||||
|
||||
const postLogin = async (url, data) => {
|
||||
@@ -85,18 +85,19 @@ export default function Login() {
|
||||
body: JSON.stringify(data)
|
||||
});
|
||||
setStatus(response.status)
|
||||
setStatusText(response.statusText)
|
||||
console.log(response.body.text)
|
||||
setStatusText("test")
|
||||
if (response.status == "200") {
|
||||
setLogin(false)
|
||||
}
|
||||
setButton(false)
|
||||
setDisabled(false)
|
||||
setTimeout(() => { setStatus(null) }, 5000)
|
||||
}
|
||||
|
||||
const handleClick = (e) => {
|
||||
|
||||
if (username !== "" && password !== "") {
|
||||
setButton(true)
|
||||
setDisabled(true)
|
||||
postLogin(url, { email: username, password: password })
|
||||
|
||||
setUsername("")
|
||||
@@ -107,7 +108,7 @@ export default function Login() {
|
||||
const handleKeyDown = (e) => {
|
||||
if (e.key === "Enter") {
|
||||
if (username !== "" && password !== "") {
|
||||
setButton(true)
|
||||
setDisabled(true)
|
||||
postLogin(url, { email: username, password: password })
|
||||
|
||||
setUsername("")
|
||||
@@ -154,7 +155,7 @@ export default function Login() {
|
||||
onChange={handleChangeUSR}
|
||||
className={classes.input}
|
||||
onKeyDown={handleKeyDown}
|
||||
disabled={button}
|
||||
disabled={disabled}
|
||||
/>
|
||||
</Box >
|
||||
</Grid>
|
||||
@@ -171,7 +172,7 @@ export default function Login() {
|
||||
onChange={handleChangePW}
|
||||
className={classes.input}
|
||||
onKeyDown={handleKeyDown}
|
||||
disabled={button}
|
||||
disabled={disabled}
|
||||
/>
|
||||
</Box >
|
||||
</Grid>
|
||||
@@ -186,7 +187,7 @@ export default function Login() {
|
||||
</Grid>
|
||||
<Grid item xs={12}>
|
||||
<Box display="flex" justifyContent="center" >
|
||||
<Button disabled={button} variant="contained" color="secondary" onClick={handleClick}>
|
||||
<Button disabled={disabled} variant="contained" color="secondary" onClick={handleClick}>
|
||||
Login
|
||||
</Button>
|
||||
</Box >
|
||||
|
||||
Reference in New Issue
Block a user