group type selection

src/Pages/GroupTasks/GroupTypeSelectionModal.js

@@ -47,13 +47,18 @@ export default function GroupTypeSelectionModal({
   };
 
   const handleStartTask = () => {
-    const userSpecifiedGlobalInputs = document
-      .getElementById("groupTypeSelectionUserSpecifiedGlobalInput")
-      .getElementsByTagName("input");
+    const userSpecifiedGlobalInputForm = document.getElementById(
+      "groupTypeSelectionUserSpecifiedGlobalInputForm"
+    );
 
     let globalInputs = [];
     let canTaskBeStarted = true;
 
+    if (userSpecifiedGlobalInputForm !== null) {
+      const userSpecifiedGlobalInputs = document
+        .getElementById("groupTypeSelectionUserSpecifiedGlobalInputForm")
+        .getElementsByTagName("input");
+
       if (userSpecifiedGlobalInputs.length > 0) {
         for (let i = 0; i < userSpecifiedGlobalInputs.length; i++) {
           if (userSpecifiedGlobalInputs[i].value === "") {
@@ -67,6 +72,7 @@ export default function GroupTypeSelectionModal({
           });
         }
       }
+    }
 
     if (!canTaskBeStarted) {
       notificationApi["error"]({
@@ -219,7 +225,7 @@ function GroupGlobalInputs({
           <h3 style={{ fontWeight: "bold" }}>Fill in the global values</h3>
           <Form
             layout="vertical"
-            id={"groupTypeSelectionUserSpecifiedGlobalInput"}
+            id={"groupTypeSelectionUserSpecifiedGlobalInputForm"}
           >
             {elements}
           </Form>