Added login functionality and a redirect if not logged in
This commit is contained in:
parent
27e4d10b78
commit
8e67a91dc1
5 changed files with 54 additions and 5 deletions
|
@ -4,7 +4,8 @@ import "../../App.css";
|
|||
import Footer from "../../Footer";
|
||||
import InputField from "../InputField";
|
||||
import SubmitField from "../SubmitField";
|
||||
import { login, useAuth, logout } from "../../auth/AuthProvider";
|
||||
import { login, authFetch, useAuth, logout } from "../../auth/AuthProvider";
|
||||
import Secret from "./Secret";
|
||||
|
||||
export default function Login() {
|
||||
const [username, setUsername] = useState("");
|
||||
|
@ -12,7 +13,6 @@ export default function Login() {
|
|||
|
||||
const onSubmitClick = (e) => {
|
||||
e.preventDefault();
|
||||
console.log("You pressed login");
|
||||
let opts = {
|
||||
username: username,
|
||||
password: password,
|
||||
|
@ -26,7 +26,6 @@ export default function Login() {
|
|||
.then((token) => {
|
||||
if (token.access_token) {
|
||||
login(token);
|
||||
console.log(token);
|
||||
} else {
|
||||
console.log("Please type in the correct username / password");
|
||||
}
|
||||
|
@ -65,7 +64,10 @@ export default function Login() {
|
|||
<SubmitField onClick={onSubmitClick} LabelName="Einloggen" />
|
||||
</form>
|
||||
) : (
|
||||
<>
|
||||
<Secret/>
|
||||
<button onClick={() => logout()}>Logout</button>
|
||||
</>
|
||||
)}
|
||||
</div>
|
||||
<Footer />
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue