From eaa4d8937aadeae1f2a2133eb1150295e7ee6db1 Mon Sep 17 00:00:00 2001
From: cami <cami+giteaspcodes@mailbox.org>
Date: Thu, 22 Jul 2021 16:53:57 +0200
Subject: [PATCH] use property to show the value of the actual password

---
 frontend/src/components/BehaviorPhone.js    |  4 ++--
 frontend/src/components/BehaviorStanding.js |  4 ++--
 frontend/src/components/pages/Manual.js     | 25 ++++++++++++++-------
 frontend/src/components/pages/Study.js      |  6 ++---
 4 files changed, 24 insertions(+), 15 deletions(-)

diff --git a/frontend/src/components/BehaviorPhone.js b/frontend/src/components/BehaviorPhone.js
index 9a6787e..92cc8f0 100644
--- a/frontend/src/components/BehaviorPhone.js
+++ b/frontend/src/components/BehaviorPhone.js
@@ -2,7 +2,7 @@ import React from "react";
 import "../App.css";
 import GeneratedPassword from "./GeneratedPassword";
 
-export default function BehaviorPhone() {
+export default function BehaviorPhone(props) {
   return (
     <>
       <p>
@@ -11,7 +11,7 @@ export default function BehaviorPhone() {
         Sie sich vor, dass Sie gerade am Telefonieren sind. Verwenden Sie bitte
         kein Headset oder Ähnliches.
       </p>
-      <GeneratedPassword />
+      <GeneratedPassword genPassword={props.genPassword}/>
     </>
   );
 }
diff --git a/frontend/src/components/BehaviorStanding.js b/frontend/src/components/BehaviorStanding.js
index 479b59b..e3c1486 100644
--- a/frontend/src/components/BehaviorStanding.js
+++ b/frontend/src/components/BehaviorStanding.js
@@ -2,13 +2,13 @@ import React from "react";
 import "../App.css";
 import GeneratedPassword from "./GeneratedPassword"
 
-export default function BehaviorStanding() {
+export default function BehaviorStanding(props) {
   return (
     <>
       <p>
         In dieser Situation geht es darum, dass Sie das Passwort im Stehen eingeben. Stehen Sie also vor den Computer und geben Sie den Benutzernamen und das Passwort wie gewohnt ein.
       </p>
-      <GeneratedPassword />
+      <GeneratedPassword genPassword={props.genPassword}/>
     </>
   );
 }
diff --git a/frontend/src/components/pages/Manual.js b/frontend/src/components/pages/Manual.js
index 3cb29b0..fb9557e 100644
--- a/frontend/src/components/pages/Manual.js
+++ b/frontend/src/components/pages/Manual.js
@@ -28,21 +28,30 @@ export default function Manual() {
           zurückzusetzen. Nach der Registrierung landen Sie auf einer
           Umfrageseite. Füllen Sie die Fragen wahrheitsgemäss aus und klicken
           Sie danach auf "Umfrage abschicken". Nachdem die Umfrage durchgeführt
-          wurde, können Sie an der Studie teilnehmen, indem Sie auf den Button "Studie starten" klicken. Folgen Sie danach den Anweisungen gemäss der Studie.
+          wurde, können Sie an der Studie teilnehmen, indem Sie auf den Button
+          "Studie starten" klicken. Folgen Sie danach den Anweisungen gemäss der
+          Studie.
         </p>
         <h2>War schon einmal hier</h2>
         <p>
-        Wenn Sie schon einmal hier waren, gibt es zwei mögliche Zustände:
-        <ul>
-          <li>Sie sind noch eingeloggt</li>
-          <li>Sie sind nicht mehr eingeloggt</li>
-        </ul>
+          Wenn Sie schon einmal hier waren, gibt es zwei mögliche Zustände:
+          <ul>
+            <li>Sie sind noch eingeloggt</li>
+            <li>Sie sind nicht mehr eingeloggt</li>
+          </ul>
         </p>
         <p>
-        Sofern Sie noch nicht eingeloggt sind, können Sie sich anmelden mit ihrem gewählten Benutzernamen und dem Passwort. Sie landen dann direkt auf der Seite, welche ich für meine Studie benötige. Führen Sie dort die Studie die Studie wie gewohnt durch und beenden Sie diese am Schluss der Studie mit dem Button "Studie beenden".
+          Sofern Sie noch nicht eingeloggt sind, können Sie sich anmelden mit
+          ihrem gewählten Benutzernamen und dem Passwort. Sie landen dann direkt
+          auf der Seite, welche ich für meine Studie benötige. Führen Sie dort
+          die Studie die Studie wie gewohnt durch und beenden Sie diese am
+          Schluss der Studie mit dem Button "Studie beenden".
         </p>
         <p>
-          Wenn Sie bereits eingeloggt sind, dann landen Sie auf der Startseite. Sie finden in der Mitte einen Button mit der Überschrift "Zur Studie". Klicken Sie bitte auf diesen Button und führen Sie dann die Studie durch.
+          Wenn Sie bereits eingeloggt sind, dann landen Sie auf der Startseite.
+          Sie finden in der Mitte einen Button mit der Überschrift "Zur Studie".
+          Klicken Sie bitte auf diesen Button und führen Sie dann die Studie
+          durch.
         </p>
       </div>
       <Footer />
diff --git a/frontend/src/components/pages/Study.js b/frontend/src/components/pages/Study.js
index a0f9df1..5df4c0d 100644
--- a/frontend/src/components/pages/Study.js
+++ b/frontend/src/components/pages/Study.js
@@ -168,7 +168,7 @@ export default function Study() {
 
   const study_normal = (
     <>
-      <BehaviorNormal genPassword={_genPassword.current} />
+      <BehaviorNormal genPassword={genPassword} />
       <form id="behaviorNormal">
         <InputField
           LabelName="Benutzername"
@@ -198,7 +198,7 @@ export default function Study() {
 
   const study_phone = (
     <>
-      <BehaviorPhone />
+      <BehaviorPhone genPassword={genPassword} />
       <form id="behaviorPhone">
         <InputField
           LabelName="Benutzername"
@@ -228,7 +228,7 @@ export default function Study() {
 
   const study_standing = (
     <>
-      <BehaviorStanding />
+      <BehaviorStanding genPassword={genPassword} />
       <form id="behaviorStanding">
         <InputField
           LabelName="Benutzername"