Created abstract Rest

Author: DerCed

src/components/Registration/GroupManager/GroupManager.jsx

@@ -1,23 +1,26 @@
-import {Box, Button, Divider, Grid, TextField, Typography} from "@mui/material";
+import {
+  Box,
+  Button,
+  Divider,
+  Grid,
+  TextField,
+  Typography,
+} from "@mui/material";
+import { LoadingButton } from "@mui/lab";
 
 export function GroupManager(props) {
   return (
-      <Grid
-          item
-          md={12}
-          xs={12}
-      >
-          <TextField fullWidth label={"Enter group name here"}>
-
-          </TextField>
-
-          <Divider> or </Divider>
-
-          <Button variant={"outlined"} color={"secondary"}>Create new Group</Button>
-
-      <Typography variant="body2" color="textSecondary" gutterBottom>
-        Enter your group code here or generate a new one.
-      </Typography>
-      </Grid>
+    <Grid item md={12} xs={12}>
+      <Box sx={{ pt: 5, pb: 5 }}>
+        <TextField
+          fullWidth
+          label={"Enter team name (e.g. chalk-increase-vague)"}
+        />
+        <Divider sx={{ pt: 2, pb: 2 }}> or </Divider>
+        <LoadingButton variant={"outlined"} color={"primary"} onClick={props.onReset}>
+          Create new Team
+        </LoadingButton>
+      </Box>
+    </Grid>
   );
 }

src/components/Registration/Registration.jsx

@@ -199,51 +199,7 @@ const skills = [
   },
 ];
 
-const teamMembers = [
-  {
-    formLabel: "Team member 1",
-    type: 1,
-    input: ["Name 1"],
-    max: 100,
-    required: false,
-    name: "team1",
-  },
-  {
-    formLabel: "Team member 2",
-    type: 1,
-    input: ["Name 2"],
-    max: 100,
-    required: false,
-    name: "team2",
-  },
-  {
-    formLabel: "Team member 3",
-    type: 1,
-    input: ["Name 3"],
-    max: 100,
-    required: false,
-    name: "team3",
-  },
-  {
-    formLabel: "Team member 4",
-    type: 1,
-    input: ["Name 4"],
-    max: 100,
-    required: false,
-    name: "team4",
-  },
-  {
-    formLabel: "Team member 5",
-    type: 1,
-    input: ["Name 5"],
-    max: 100,
-    required: false,
-    name: "team5",
-  },
-  {
-    formLabel: "",
-    type: 0,
-  },
+const legal = [
   {
     formLabel: "Privacy Policy",
     input: ["I have read and accept the Privacy Policy."],
@@ -270,6 +226,10 @@ const steps = [
     label: "Team members",
     children: <GroupManager />,
   },
+  {
+    label: "Confirmation",
+    content: legal,
+  },
   {
     label: "E-Mail Verification",
     children: (

src/rest/AbstractRest.js

@@ -0,0 +1,8 @@
+import axios from "axios";
+import {Component} from "react";
+
+export class AbstractRest {
+    baseUrl = "https://pems-api.hackhpi.org/v1";
+    //baseUrl = "http://localhost:8080/v1";
+
+}

src/rest/GroupRest.js

@@ -0,0 +1,14 @@
+import axios from "axios";
+import { AbstractRest } from "./AbstractRest";
+
+export class GroupRest extends AbstractRest {
+  createGroup(signUpFormId) {
+    return axios.post(this.baseUrl + "/group", signUpFormId);
+  }
+
+  getGroup(eventId, groupName) {
+    return axios.post(
+      this.baseUrl + "/group/event/" + eventId + "/phrase/" + groupName,
+    );
+  }
+}