diff --git a/frontend/src/App.css b/frontend/src/App.css index 8afe2d9..49af386 100644 --- a/frontend/src/App.css +++ b/frontend/src/App.css @@ -8,9 +8,9 @@ :root { --primary: rgb(41, 63, 87); --primary-contr: rgb(9, 11, 46); - --secondary: rgb(218,218,218); + --secondary: rgb(218, 218, 218); --third: rgb(171, 183, 183); - --forth: rgb(255,255,255); + --forth: rgb(255, 255, 255); } .home, diff --git a/frontend/src/auth/AuthProvider.js b/frontend/src/auth/AuthProvider.js index 03f4e0a..fe5977d 100644 --- a/frontend/src/auth/AuthProvider.js +++ b/frontend/src/auth/AuthProvider.js @@ -1,11 +1,10 @@ import { createAuthProvider } from "react-token-auth"; -export const [useAuth, authFetch, login, logout] = -createAuthProvider({ - accessTokenKey: 'access_token', - onUpdateToken: (token) => fetch('/api/refresh', { - method: 'POST', - body: token.access_token - }) - .then(r => r.json()) -}) +export const [useAuth, authFetch, login, logout] = createAuthProvider({ + accessTokenKey: "access_token", + onUpdateToken: (token) => + fetch("/api/refresh", { + method: "POST", + body: token.access_token, + }).then((r) => r.json()), +}); diff --git a/frontend/src/auth/PrivateRoute.js b/frontend/src/auth/PrivateRoute.js index decf7ce..15708fd 100644 --- a/frontend/src/auth/PrivateRoute.js +++ b/frontend/src/auth/PrivateRoute.js @@ -14,4 +14,4 @@ const PrivateRoute = ({ component: Component, ...rest }) => { ); }; -export default PrivateRoute \ No newline at end of file +export default PrivateRoute; diff --git a/frontend/src/components/Button.js b/frontend/src/components/Button.js index f7312df..2353f06 100644 --- a/frontend/src/components/Button.js +++ b/frontend/src/components/Button.js @@ -2,7 +2,6 @@ import React from "react"; import "./Button.css"; import { Link } from "react-router-dom"; - const STYLES = ["btn--primary", "btn--outline"]; const SIZES = ["btn--medium", "btn--large"]; diff --git a/frontend/src/components/Input.css b/frontend/src/components/Input.css index 4738348..fdd70e1 100644 --- a/frontend/src/components/Input.css +++ b/frontend/src/components/Input.css @@ -23,5 +23,5 @@ } .input-field input[type="submit"]:hover { - background-color: var(--primary-contr); -} \ No newline at end of file + background-color: var(--primary-contr); +} diff --git a/frontend/src/components/InputField.js b/frontend/src/components/InputField.js index 664f218..2c3767f 100644 --- a/frontend/src/components/InputField.js +++ b/frontend/src/components/InputField.js @@ -5,7 +5,12 @@ function InputField(props) { return ( ); } diff --git a/frontend/src/components/SubmitField.js b/frontend/src/components/SubmitField.js index 968ec7f..42619ea 100644 --- a/frontend/src/components/SubmitField.js +++ b/frontend/src/components/SubmitField.js @@ -1,6 +1,6 @@ import React from "react"; -import "./Input.css" -import "./Button.css" +import "./Input.css"; +import "./Button.css"; function SubmitField(props) { const InputValue = props.LabelName; diff --git a/frontend/src/components/pages/Register.js b/frontend/src/components/pages/Register.js index a72f41d..3145a26 100644 --- a/frontend/src/components/pages/Register.js +++ b/frontend/src/components/pages/Register.js @@ -6,10 +6,10 @@ import InputField from "../InputField"; import SubmitField from "../SubmitField"; export default function Login() { - const [username, setUsername] = useState('') - const [password, setPassword] = useState('') + const [username, setUsername] = useState(""); + const [password, setPassword] = useState(""); - const onSubmitClick = (e) => { + const onSubmitClick = (e) => { e.preventDefault(); let opts = { username: username, @@ -19,7 +19,7 @@ export default function Login() { fetch("/api/register", { method: "post", body: JSON.stringify(opts), - }) + }); }; const handleUsernameChange = (e) => { diff --git a/frontend/src/components/pages/Secret.js b/frontend/src/components/pages/Secret.js index b36e497..5101e9b 100644 --- a/frontend/src/components/pages/Secret.js +++ b/frontend/src/components/pages/Secret.js @@ -1,5 +1,5 @@ import { useEffect, useState } from "react/cjs/react.development"; -import {authFetch} from "../../auth/AuthProvider.js" +import { authFetch } from "../../auth/AuthProvider.js"; function Secret() { const [message, setMessage] = useState(""); @@ -22,4 +22,4 @@ function Secret() { return
- Im Rahmen meiner Bachelorthesis an der Fernfachhochschule Schweiz möchte ich der Frage nachgehen, wie sich die Verhaltensmerkmale in unterschiedlichen Situationen unterscheiden. Hierfür habe ich eine Webanwendung entwickelt, welche die Nutzerinnen und Nutzer möglichst einfach durch die Studie führt. + Im Rahmen meiner Bachelorthesis an der Fernfachhochschule Schweiz möchte ich der Frage nachgehen, wie sich die Verhaltensmerkmale in unterschiedlichen Situationen unterscheiden. Hierfür habe ich eine Webanwendung entwickelt, welche die Nutzerinnen und Nutzer möglichst + einfach durch die Studie führt.
Falls Sie Fragen haben, können Sie diese jederzeit per Mail stellen. Gerne kann ich auch meine Disposition zur Verfügung stellen.