Make a box that the study is finished

This commit is contained in:
cami 2021-07-30 11:00:02 +02:00
parent 7026909c61
commit 4c01e68264
6 changed files with 29 additions and 1 deletions

View File

@ -4,7 +4,8 @@ WORKDIR /app
COPY requirements.txt .
RUN apk install sqlite3
RUN apt-get -y update
RUN apt-get -y install sqlite3
RUN pip install -r requirements.txt

View File

@ -97,3 +97,13 @@ h1 {
font-weight: bold;
user-select: none;
}
.study-finished {
background-color: var(--primary);
padding: 0.5em;
}
.study-finished > p {
color: var(--error);
font-size: 2em;
}

View File

@ -3,6 +3,7 @@ import "../App.css";
import { Button } from "./Button";
import "./HeroSection.css";
import { useAuth } from "../auth/AuthProvider";
import StudyFinished from "./StudyFinished";
export default function HeroSection() {
const [isLoggedIn] = useAuth();
@ -10,6 +11,7 @@ export default function HeroSection() {
return (
<div className="hero-container">
<h1>Herzlich Willkommen</h1>
<StudyFinished />
<div className="hero-btns">
{isLoggedIn ? (
<Button

View File

@ -0,0 +1,11 @@
import React from "react";
import "../App.css"
export default function StudyFinished() {
return (
<div className="study-finished">
<p>Die Studie wurde beendet.</p>
<p>Vielen Dank für die Teilnahme an der Studie</p>
</div>
);
}

View File

@ -72,8 +72,10 @@ export default function Privacy() {
angegeben haben, verwendet werden.
</p>
<h2>Weitergabe der Daten</h2>
<p>
Grundsätzlich werden die Daten nicht an Dritte weitergegeben. Folgende
Ausnahmen gibt es:
</p>
<ul>
<li>
Der Fernfachhochschule Schweiz werden die Daten falls notwendig

View File

@ -12,6 +12,7 @@ import BehaviorPhone from "../BehaviorPhone";
import BehaviorStanding from "../BehaviorStanding";
import BehaviorStudyEnd from "../BehaviorStudyEnd";
import { authFetch } from "../../auth/AuthProvider";
import StudyFinished from "../StudyFinished";
export default function Study() {
const _logger = useRef(0);
@ -270,6 +271,7 @@ export default function Study() {
<>
<div className="sitePage">
<h1>Studie</h1>
<StudyFinished />
{state === STATES.START ? study_start : null}
{state === STATES.NORMAL ? study_normal : null}
{state === STATES.PHONE ? study_phone : null}