Updated some things and logger starts only once

frontend/src/components/pages/BehaviorNormal.js

@@ -1,15 +1,17 @@
-import React, { useEffect, useState } from "react";
+import React, { useState, useEffect } from "react";
 import "../../App.css";
 import Footer from "../../Footer";
-import { Logger } from "@behametrics/logger-web";
-import { useAuth } from "../../auth/AuthProvider";
+import { logout, useAuth } from "../../auth/AuthProvider";
 import InputField from "../InputField";
 import SubmitField from "../SubmitField";
+import { Logger } from "@behametrics/logger-web";
 
 export default function BehaviorNormal() {
   const [username, setUsername] = useState("");
   const [password, setPassword] = useState("");
 
+  const [isLoggedIn] = useAuth();
+
   const handleUsernameChange = (e) => {
     setUsername(e.target.value);
   };
@@ -39,6 +41,8 @@ export default function BehaviorNormal() {
       method: "post",
       body: JSON.stringify(opts),
     }).then((response) => {
+      console.log(response.status);
+      console.log(isLoggedIn);
       if (response.status === 401) {
         response.json().then((resp) => {
           console.log("nicht so wirklich gut");
@@ -55,20 +59,20 @@ export default function BehaviorNormal() {
   let logger = new Logger({
     //inputs: ["cursor", "wheel", "keyboard", "touch"],
     inputs: ["keyboard"],
-    // logToConsole: true,
+    logToConsole: true,
   });
-  logger.init();
 
-  let [isLoggedIn] = useAuth();
+  const handleOff = () => {
+    logger.stop();
+    logout();
+    console.log("Logger ausgeschaltet");
+  };
 
   useEffect(() => {
-    document.title = `${isLoggedIn}`;
-    if (isLoggedIn === false) {
-      logger.stop();
-    } else {
-      logger.start();
-    }
-  });
+    logger.init().then(() => logger.start());
+    console.log("start logging");
+  }, []);
+
   return (
     <>
       <div className="sitePage">
@@ -87,7 +91,7 @@ export default function BehaviorNormal() {
         <p onCopy={handleOnCopyEvent}>
           Das Passwort für diese Situation lautet: abcdefgeh
         </p>
-        <form action="#">
+        <form id="behaviorNormal" action="#">
           <InputField
             LabelName="Benutzername"
             onChange={handleUsernameChange}
@@ -107,12 +111,14 @@ export default function BehaviorNormal() {
             onPaste={handleOnPasteEvent}
           />
           <SubmitField
-            LabelName="Weiter zur nächsten Situation"
+            LabelNa
+            me="Weiter zur nächsten Situation"
             InputValue="next-situation"
             InputName="Weiter"
             onClick={onSubmitClick}
           />
         </form>
+        <button onClick={handleOff}>STOP THAT FUCKING LOGGER</button>
       </div>
       <Footer />
     </>