Fix: Update TextInputTab to pass inputIndex to textChanged function, … (

#37)

* Fix: Update TextInputTab to pass inputIndex to textChanged function, fixing URL overwirte with text inputs

* Fix issue of error being consoled even for single inputs

src/components/Experiment/QuickInput/Tabs/TextInput/TextInputTab.js

@@ -15,7 +15,7 @@ export default function TextInputTab(props) {
             <textarea
                 value={text}
                 className={getElement("input")}
-                onChange={(e) => textChanged(e)}
+                onChange={(e) => textChanged(e, props?.inputIndex)}
             ></textarea>
         </div>
     );

src/components/Experiment/QuickInput/Tabs/TextInput/useTextInputControl.js

@@ -1,25 +1,27 @@
-import {useState} from "react";
+import { useState } from "react";
 import Task from "../../../../../helpers/Task";
 
 export default function useTextInputControl(props) {
     const [text, setText] = useState(props.values[0]);
     const task = Task.getStaticTask(props.task);
 
-    const textChanged = async (event) => {
+    const textChanged = async (event, index = null) => {
         if (event.persist) {
             event.persist();
         }
 
         setText(event.target.value);
 
-        if (typeof(props.inputSelected) === "function") {
-            props.inputSelected(text, 0);
+        if (typeof (props.inputSelected) === "function") {
+            if (index !== null) {
+                props.inputSelected(text, index);
+            }
         }
-    }
+    };
 
     return {
         task,
         text,
         textChanged
-    }
+    };
 }