From 9da3d9041da2ced957ab6cca098e19ca00663850 Mon Sep 17 00:00:00 2001
From: Mario Pesch <mario.pesch@uni-muenster.de>
Date: Sun, 17 Oct 2021 17:46:54 +0200
Subject: [PATCH] Update login Button

---
 src/components/User/Login.js | 104 ++++++++++++++++++-----------------
 1 file changed, 53 insertions(+), 51 deletions(-)

diff --git a/src/components/User/Login.js b/src/components/User/Login.js
index 0b5a5d3..bbfac8b 100644
--- a/src/components/User/Login.js
+++ b/src/components/User/Login.js
@@ -124,57 +124,59 @@ export class Login extends Component {
             type={this.state.type}
             key={this.state.key}
           />
-          <TextField
-            style={{ marginBottom: "10px" }}
-            // variant='outlined'
-            type="text"
-            label={Blockly.Msg.labels_username}
-            name="email"
-            value={this.state.email}
-            onChange={this.onChange}
-            fullWidth={true}
-          />
-          <TextField
-            // variant='outlined'
-            type={this.state.showPassword ? "text" : "password"}
-            label={Blockly.Msg.labels_password}
-            name="password"
-            value={this.state.password}
-            InputProps={{
-              endAdornment: (
-                <InputAdornment position="end">
-                  <IconButton
-                    onClick={this.handleClickShowPassword}
-                    onMouseDown={this.handleMouseDownPassword}
-                    edge="end"
-                  >
-                    <FontAwesomeIcon
-                      size="xs"
-                      icon={this.state.showPassword ? faEyeSlash : faEye}
-                    />
-                  </IconButton>
-                </InputAdornment>
-              ),
-            }}
-            onChange={this.onChange}
-            fullWidth={true}
-          />
-          <p>
-            <Button
-              color="primary"
-              variant="contained"
-              onClick={this.onSubmit}
-              style={{ width: "100%" }}
-            >
-              {this.props.progress ? (
-                <div style={{ height: "24.5px" }}>
-                  <CircularProgress color="inherit" size={20} />
-                </div>
-              ) : (
-                Blockly.Msg.button_login
-              )}
-            </Button>
-          </p>
+          <form onSubmit={this.onSubmit}>
+            <TextField
+              style={{ marginBottom: "10px" }}
+              // variant='outlined'
+              type="text"
+              label={Blockly.Msg.labels_username}
+              name="email"
+              value={this.state.email}
+              onChange={this.onChange}
+              fullWidth={true}
+            />
+            <TextField
+              // variant='outlined'
+              type={this.state.showPassword ? "text" : "password"}
+              label={Blockly.Msg.labels_password}
+              name="password"
+              value={this.state.password}
+              InputProps={{
+                endAdornment: (
+                  <InputAdornment position="end">
+                    <IconButton
+                      onClick={this.handleClickShowPassword}
+                      onMouseDown={this.handleMouseDownPassword}
+                      edge="end"
+                    >
+                      <FontAwesomeIcon
+                        size="xs"
+                        icon={this.state.showPassword ? faEyeSlash : faEye}
+                      />
+                    </IconButton>
+                  </InputAdornment>
+                ),
+              }}
+              onChange={this.onChange}
+              fullWidth={true}
+            />
+            <p>
+              <Button
+                color="primary"
+                variant="contained"
+                type="submit"
+                style={{ width: "100%" }}
+              >
+                {this.props.progress ? (
+                  <div style={{ height: "24.5px" }}>
+                    <CircularProgress color="inherit" size={20} />
+                  </div>
+                ) : (
+                  Blockly.Msg.button_login
+                )}
+              </Button>
+            </p>
+          </form>
           <p style={{ textAlign: "center", fontSize: "0.8rem" }}>
             <Link
               rel="noreferrer"