diff --git a/frontend/src/App.js b/frontend/src/App.js index 45f5a10..3f5652b 100644 --- a/frontend/src/App.js +++ b/frontend/src/App.js @@ -12,8 +12,8 @@ import Manual from "./components/pages/Manual"; import Secret from "./components/pages/Secret"; import Umfrage from "./components/pages/Umfrage"; import PrivateRoute from "./auth/PrivateRoute"; +import Behavior from "./components/pages/Behavior"; import { useAuth } from "./auth/AuthProvider"; -import BehaviorNormal from "./components/pages/BehaviorNormal"; function App() { const [isLoggedIn] = useAuth(); @@ -31,7 +31,7 @@ function App() { - + diff --git a/frontend/src/components/pages/Behavior.js b/frontend/src/components/pages/Behavior.js new file mode 100644 index 0000000..cf3886a --- /dev/null +++ b/frontend/src/components/pages/Behavior.js @@ -0,0 +1,36 @@ +import React, { useEffect } from "react"; +import "../../App.css"; +import Footer from "../../Footer"; +import { Logger } from "@behametrics/logger-web"; +import { useAuth } from "../../auth/AuthProvider"; + +export default function Behavior() { + let logger = new Logger({ + //inputs: ["cursor", "wheel", "keyboard", "touch"], + inputs: ["keyboard"], + // logToConsole: true, + }); + logger.init(); + + let [isLoggedIn] = useAuth(); + + useEffect(() => { + document.title = `${isLoggedIn}`; + console.log(isLoggedIn); + if (isLoggedIn === false) { + logger.stop(); + //console.log("stopped logger"); + } else { + logger.start(); + // console.log("start logger"); + } + }); + return ( + <> +
+

Studie Verhaltensmerkmale

+
+