Minor fixes

Author: DerCed

src/components/Registration/GroupManager/GroupManager.jsx

@@ -8,7 +8,7 @@ import {
   Typography,
 } from "@mui/material";
 import { LoadingButton } from "@mui/lab";
-import { useMemo, useState } from "react";
+import {useEffect, useMemo, useState} from "react";
 import { GroupRest } from "../../../rest/GroupRest";
 
 export function GroupManager(props) {
@@ -19,6 +19,7 @@ export function GroupManager(props) {
   const [groupInputError, setGroupInputError] = useState(false);
   const groupRest = useMemo(() => new GroupRest(), []);
 
+
   function createNewGroup() {
     setLoadingNewTeam(true);
     setGroupInputError(false)
@@ -44,6 +45,10 @@ export function GroupManager(props) {
       });
   }
 
+    useEffect(() => {
+        props.onGroupChange(group)
+    }, [group]);
+
   function renderGroupSelection() {
     return (
       <Box sx={{ pt: 5, pb: 5 }}>

src/components/Registration/Registration.jsx

@@ -228,58 +228,61 @@ const legal = [
   },
 ];
 
-const steps = [
-  {
-    label: "Personal data",
-    content: personalData,
-  },
-  {
-    label: "Motivation",
-    content: motivation,
-  },
-  {
-    label: "Skills",
-    content: skills,
-  },
-  {
-    label: "Team members",
-    children: <GroupManager eventId={"02fc811b-1e67-402e-ac62-3f376cf33b6b"} />,
-  },
-  {
-    label: "Confirmation",
-    content: legal,
-  },
-  {
-    label: "E-Mail Verification",
-    children: (
-      <Box
-        sx={{
-          width: "100%",
-          height: "20vh",
-          display: "flex",
-          justifyContent: "center",
-          alignItems: "center",
-          paddingTop: "3rem",
-        }}
-      >
-        <Stack spacing={3} justifyContent={"center"}>
-          <Mail color={"inherit"} sx={{ fontSize: "2rem" }} />
-          <Typography>
-            To complete the registration, please click on the link in the email
-            we sent you!
-          </Typography>
-        </Stack>
-      </Box>
-    ),
-  },
-];
 
 function Registration() {
   const [activeStep, setActiveStep] = React.useState(0);
   const [values, setValues] = useState({});
   const [isSending, setIsSending] = useState(false);
   const registrationRest = useMemo(() => new RegistrationRest(), []);
 
+
+
+  const steps = [
+    {
+      label: "Personal data",
+      content: personalData,
+    },
+    {
+      label: "Motivation",
+      content: motivation,
+    },
+    {
+      label: "Skills",
+      content: skills,
+    },
+    {
+      label: "Team members",
+      children: <GroupManager eventId={"02fc811b-1e67-402e-ac62-3f376cf33b6b"} onGroupChange={(change) => handleChange("group", change)} />,
+    },
+    {
+      label: "Confirmation",
+      content: legal,
+    },
+    {
+      label: "E-Mail Verification",
+      children: (
+          <Box
+              sx={{
+                width: "100%",
+                height: "20vh",
+                display: "flex",
+                justifyContent: "center",
+                alignItems: "center",
+                paddingTop: "3rem",
+              }}
+          >
+            <Stack spacing={3} justifyContent={"center"}>
+              <Mail color={"inherit"} sx={{ fontSize: "2rem" }} />
+              <Typography>
+                To complete the registration, please click on the link in the email
+                we sent you!
+              </Typography>
+            </Stack>
+          </Box>
+      ),
+    },
+  ];
+
   function handleChange(name, inputValue) {
     const newValue = { ...values };
     newValue[name] = inputValue;