Updated contract creation to include auto status changes. BOD-314

client/src/components/layout-form-row/layout-form-row.component.jsx

@@ -6,7 +6,7 @@ export default function LayoutFormRow({ header, children, grow = false }) {
   if (!!!children.length) {
     //We have only one element. It's going to get the whole thing.
     return (
-      <div className='imex-form-row'>
+      <div className="imex-form-row">
         {header ? (
           <Typography.Title level={4}>{header}</Typography.Title>
         ) : null}
@@ -37,14 +37,17 @@ export default function LayoutFormRow({ header, children, grow = false }) {
   };
 
   return (
-    <div className='imex-form-row'>
+    <div className="imex-form-row">
       {header ? <Typography.Title level={4}>{header}</Typography.Title> : null}
       <Row {...rowGutter}>
-        {children.map((c, idx) => (
-          <Col key={idx} {...colSpan(c.props && c.props.span)}>
-            {c}
-          </Col>
-        ))}
+        {children.map(
+          (c, idx) =>
+            c && (
+              <Col key={idx} {...colSpan(c && c.props && c.props.span)}>
+                {c}
+              </Col>
+            )
+        )}
       </Row>
     </div>
   );