also passes all lints...

kscalelabs · Jul 26, 2024 · fc15b74 · fc15b74
1 parent 20d568f
commit fc15b74
Showing 1 changed file with 20 additions and 1 deletion.
diff --git a/frontend/src/components/ListingForm.tsx b/frontend/src/components/ListingForm.tsx
@@ -59,6 +59,16 @@ const ListingForm: React.FC<ListingFormProps> = ({
     setArtifacts(newImages);
   };
 
+  const handleChildrenChange = (
+    index: number,
+    e: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>,
+  ) => {
+    const { value } = e.target;
+    const newChildren = [...child_ids];
+    newChildren[index] = value;
+    setChildIds(newChildren);
+  };
+
   return (
     <>
       <h1>{title}</h1>
@@ -129,7 +139,16 @@ const ListingForm: React.FC<ListingFormProps> = ({
         <h2>Children</h2>
         {child_ids.map((id, index) => (
           <Row key={index} className="mb-3">
-            {id}
+            <label htmlFor={"child-" + index}>Part</label>
+            <Form.Control
+              id={"child-" + index}
+              className="mb-1"
+              as="select"
+              name="child_id"
+              value={id}
+              onChange={(e) => handleChildrenChange(index, e)}
+              required
+            ></Form.Control>
           </Row>
         ))}
         <Col md={12}>