diff --git a/frontend/src/components/pages/Login.js b/frontend/src/components/pages/Login.js
index cd399ee..69b3021 100644
--- a/frontend/src/components/pages/Login.js
+++ b/frontend/src/components/pages/Login.js
@@ -66,7 +66,7 @@ export default function Login() {
InputPlaceHolder="Passwort"
/>
-
+
) : (
diff --git a/frontend/src/components/pages/Register.js b/frontend/src/components/pages/Register.js
index 5d6f241..11308f4 100644
--- a/frontend/src/components/pages/Register.js
+++ b/frontend/src/components/pages/Register.js
@@ -6,6 +6,8 @@ import InputField from "../InputField";
import SubmitField from "../SubmitField";
import "../Input.css";
import ErrorMessage from "../ErrorMessage";
+import { login, useAuth } from "../../auth/AuthProvider";
+import { Redirect } from "react-router-dom";
export default function Login() {
const [username, setUsername] = useState("");
@@ -16,6 +18,8 @@ export default function Login() {
const [isStatusOk, setIsStatusOk] = useState("");
+ const [isLoggedIn] = useAuth();
+
const onSubmitClick = (e) => {
e.preventDefault();
let opts = {
@@ -37,6 +41,14 @@ export default function Login() {
} else if (response.status === 200) {
response.json().then((resp) => {
setMessage(resp.message);
+ fetch("/api/login", {
+ method: "post",
+ body: JSON.stringify(opts),
+ }).then((response) => {
+ response.json().then((token) => {
+ login(token);
+ });
+ });
});
setIsStatusOk(true);
}
@@ -73,7 +85,7 @@ export default function Login() {
- {isStatusOk && {message}
}
+ {isLoggedIn && }
>