frontend/src/components/BehaviorNormal.js

@@ -1,8 +1,8 @@
 import React from "react";
 import "../App.css";
-import GeneratedPassword from "./GeneratedPassword"
+import GeneratedPassword from "./GeneratedPassword";
 
-export default function BehaviorNormal() {
+export default function BehaviorNormal(props) {
   return (
     <>
       <p>
@@ -10,7 +10,8 @@ export default function BehaviorNormal() {
         Passwort eingeben. Verhalten Sie sich einfach so, als ob Sie sich
         normalerweise anmelden.
       </p>
-      <GeneratedPassword />
+      {console.log("props", props)}
+      <GeneratedPassword genPassword={props.genPassword} />
     </>
   );
 }

frontend/src/components/GeneratedPassword.js

@@ -1,7 +1,7 @@
 import React from "react";
 import "../App.css";
 
-export default function GeneratedPassword() {
+export default function GeneratedPassword(props) {
 
   const genPassword = "PASSWORT_MANUELL"
   const handleOnCopyEvent = (e) => {
@@ -13,7 +13,8 @@ export default function GeneratedPassword() {
     <>
       <p onCopy={handleOnCopyEvent}>
         Das Passwort für diese Situation lautet:{" "}
-        <span className="generated-password">{genPassword}</span>
+        {console.log("component genpw, genpassword", props.genPassword)}
+        <span className="generated-password">{props.genPassword}</span>
       </p>
     </>
   );

frontend/src/components/pages/Study.js

@@ -83,6 +83,12 @@ export default function Study() {
   };
 
   const _genPassword = useRef(null);
+  let genPassword = "";
+
+  const setGenPassword = (tmp) => {
+    genPassword = tmp;
+    console.log("setGenPassword", genPassword, tmp);
+  };
 
   const receiveRandomPassword = () => {
     fetch("/api/rcv_pw", {
@@ -90,7 +96,8 @@ export default function Study() {
     }).then((response) => {
       response.json().then((resp) => {
         _genPassword.current = resp.random_password;
-        console.log(_genPassword.current)
+        console.log(_genPassword.current);
+        setGenPassword(_genPassword.current);
       });
     });
   };
@@ -110,7 +117,7 @@ export default function Study() {
     if (checkIfPasswordIsCorrect() && checkIfUsernameIsCorrect) {
       return true;
     } else {
-      alert("Passt nicht")
+      alert("Passt nicht");
       return false;
     }
   };
@@ -123,7 +130,7 @@ export default function Study() {
   };
 
   const handleClickAtStepNormal = () => {
-    if (checkIfValuesAreCorrect()){
+    if (checkIfValuesAreCorrect()) {
       receiveRandomPassword();
       setIsStepNormal(false);
       setIsStepPhone(true);
@@ -158,7 +165,7 @@ export default function Study() {
 
   const study_normal = (
     <>
-      <BehaviorNormal />
+      <BehaviorNormal genPassword={_genPassword.current} />
       <form id="behaviorNormal">
         <InputField
           LabelName="Benutzername"