Merged from main branch

frontend/src/App.css

@@ -40,6 +40,10 @@
   color: var(--primary);
 }
 
+a:hover:not(.navbar-logo){
+  border-bottom: 4px dotted var(--secondary);
+}
+
 h1 {
   font-size: 5em;
   margin: 0.7em auto;

frontend/src/App.js

@@ -12,6 +12,7 @@ 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 { Logger } from "@behametrics/logger-web";
 import { useAuth } from "./auth/AuthProvider";
 
@@ -50,6 +51,7 @@ function App() {
           <Route path="/register" component={Register} />
           <Route path="/manual" component={Manual} />
           <Route path="/ueber" component={Ueber} />
+          <PrivateRoute path="/behavior" component={Behavior} />
           <PrivateRoute path="/secret" component={Secret} />
           <PrivateRoute path="/umfrage" component={Umfrage} />
         </Switch>

frontend/src/components/pages/Behavior.js

@@ -0,0 +1,14 @@
+import React from "react";
+import "../../App.css";
+import Footer from "../../Footer";
+
+export default function Behavior() {
+  return (
+    <>
+      <div className="sitePage">
+        <h1>Studie Verhaltensmerkmale</h1>
+      </div>
+      <Footer />
+    </>
+  );
+}

frontend/src/components/pages/Login.js

@@ -4,6 +4,7 @@ import "../../App.css";
 import Footer from "../../Footer";
 import InputField from "../InputField";
 import SubmitField from "../SubmitField";
+import { Redirect } from "react-router";
 import { login, useAuth, logout } from "../../auth/AuthProvider";
 import Secret from "./Secret";
 import ErrorMessage from "../ErrorMessage";
@@ -71,8 +72,7 @@ export default function Login() {
           </form>
         ) : (
           <>
-            <Secret />
-            <button onClick={() => logout()}>Logout</button>
+            <Redirect to="/behavior" />
           </>
         )}
       </div>

frontend/src/components/pages/Umfrage.js

@@ -9,6 +9,7 @@ import { authFetch } from "../../auth/AuthProvider";
 import ErrorMessage from "../ErrorMessage";
 import { Link } from "react-router-dom";
 import { Logger } from "@behametrics/logger-web";
+import { Redirect } from "react-router";
 
 export default function Umfrage() {
 
@@ -220,7 +221,7 @@ export default function Umfrage() {
         {!isSurveyValidBackend ? (
           <ErrorMessage message={backendErrorMessage} />
         ) : (
-          <p>{backendSuccessMessage}</p>
+          <Redirect to="/behavior" />
         )}
       </div>
       <Footer />