From 33f5262eeec9bc629e290155d5c22ae805fc98f1 Mon Sep 17 00:00:00 2001
From: cami <cami+giteaspcodes@mailbox.org>
Date: Sat, 10 Jul 2021 23:44:37 +0200
Subject: [PATCH] CSS and Refactoring

- added some css so that everything will become better
- refactored some things
---
 frontend/src/App.css                      |  8 +++++++-
 frontend/src/App.js                       |  2 --
 frontend/src/components/Navbar.css        |  4 ++--
 frontend/src/components/pages/Behavior.js | 24 ++++++++++++++++++++++-
 frontend/src/components/pages/Umfrage.js  |  5 ++++-
 5 files changed, 36 insertions(+), 7 deletions(-)

diff --git a/frontend/src/App.css b/frontend/src/App.css
index 5d1f792..a128aa2 100644
--- a/frontend/src/App.css
+++ b/frontend/src/App.css
@@ -40,10 +40,16 @@
   color: var(--primary);
 }
 
-a:hover:not(.navbar-logo){
+a:hover:not(.navbar-logo) {
   border-bottom: 4px dotted var(--secondary);
 }
 
+/*  */
+.btn-mobil a:hover,
+.hero-btns a:hover {
+  border-bottom: none;
+}
+
 h1 {
   font-size: 5em;
   margin: 0.7em auto;
diff --git a/frontend/src/App.js b/frontend/src/App.js
index 3e20248..fed81fe 100644
--- a/frontend/src/App.js
+++ b/frontend/src/App.js
@@ -13,8 +13,6 @@ import Secret from "./components/pages/Secret";
 import Umfrage from "./components/pages/Umfrage";
 import PrivateRoute from "./auth/PrivateRoute";
 import Behavior from "./components/pages/Behavior";
-import { Logger } from "@behametrics/logger-web";
-import { useAuth } from "./auth/AuthProvider";
 
 function App() {
   return (
diff --git a/frontend/src/components/Navbar.css b/frontend/src/components/Navbar.css
index 298a153..ac51d7a 100644
--- a/frontend/src/components/Navbar.css
+++ b/frontend/src/components/Navbar.css
@@ -54,8 +54,8 @@
 }
 
 .nav-links:hover {
-  border-bottom: 4px dotted var(--secondary);
-  transition: all 0.2s ease-out;
+  border-bottom: 5px dotted var(--secondary);
+  transition: all 1.2s ease-out;
 }
 
 .nav-links-mobile {
diff --git a/frontend/src/components/pages/Behavior.js b/frontend/src/components/pages/Behavior.js
index 3925394..d3e15bc 100644
--- a/frontend/src/components/pages/Behavior.js
+++ b/frontend/src/components/pages/Behavior.js
@@ -1,8 +1,30 @@
-import React from "react";
+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 (
     <>
       <div className="sitePage">
diff --git a/frontend/src/components/pages/Umfrage.js b/frontend/src/components/pages/Umfrage.js
index 44b6ee6..2d1435b 100644
--- a/frontend/src/components/pages/Umfrage.js
+++ b/frontend/src/components/pages/Umfrage.js
@@ -119,7 +119,10 @@ export default function Umfrage() {
       <div className="sitePage">
         <h1> Umfrage</h1>
         <p>
-          Super, die Registrierung hat funktioniert! Du bist nun eingeloggt und ich erfasse deine Tastaturanschläge und die Mausbewegungen. Wenn du dich wieder abmelden möchtest, kannst du das <Link to="/logout">hier</Link> machen.
+          Super, die Registrierung hat funktioniert! Du bist nun eingeloggt und
+          ich erfasse deine Tastaturanschläge und die Mausbewegungen. Wenn du
+          dich wieder abmelden möchtest, kannst du das{" "}
+          <Link to="/logout">hier</Link> machen.
         </p>
         <p>
           Damit ich etwas über die Studienteilnehmenden erfahre, möchte ich hier