fix(component): dont attempt to access field in double column if it d…

…oesnt exist ref: #26 #27 nofusscomputing/centurion_erp#248 nofusscomputing/centurion_erp#388
nofusscomputing · Nov 11, 2024 · 5bd3fca · 5bd3fca
1 parent 619ceda
commit 5bd3fca
Showing 1 changed file with 49 additions and 43 deletions.
diff --git a/src/components/page/detail/DoubleColumn.jsx b/src/components/page/detail/DoubleColumn.jsx
@@ -14,50 +14,56 @@ const DoubleColumn = ({
     return (
         <div className="double">
             <div className="column">
-                {left.map((field) => (
-                    (
-                        ( ! textarea_fields.includes(String(metadata.fields[field].type).toLowerCase()) ) ?
-                            <fieldset className="inline">
-                                <label>
-                                    {
-                                        (
-                                            field in metadata.fields
-                                        ) ?
-                                            metadata.fields[field].label
-                                            :
-                                            ""
-                                    }
-                                </label>
-                                <span className="text">
-                                    <FieldData
-                                        metadata={metadata}
-                                        field_name={field}
-                                        data={data}
-                                    />
-                                </span>
-                            </fieldset> :
+                {left.map((field) => {
 
-                            <fieldset className="textarea">
-                                <label>
-                                    {
-                                        (
-                                            field in metadata.fields
-                                        ) ?
-                                            metadata.fields[field].label
-                                            :
-                                            ""
-                                    }
-                                </label>
-                                <div className="markdown">
-                                    <FieldData
-                                        metadata={metadata}
-                                        field_name={field}
-                                        data={data}
-                                    />
-                                </div>
-                            </fieldset>
-                    )
-                ))}
+                    if( field in metadata.fields ) {
+
+                        return (
+                            (
+                                ( ! textarea_fields.includes(String(metadata.fields[field].type).toLowerCase()) ) ?
+                                    <fieldset className="inline">
+                                        <label>
+                                            {
+                                                (
+                                                    field in metadata.fields
+                                                ) ?
+                                                    metadata.fields[field].label
+                                                    :
+                                                    ""
+                                            }
+                                        </label>
+                                        <span className="text">
+                                            <FieldData
+                                                metadata={metadata}
+                                                field_name={field}
+                                                data={data}
+                                            />
+                                        </span>
+                                    </fieldset> :
+
+                                    <fieldset className="textarea">
+                                        <label>
+                                            {
+                                                (
+                                                    field in metadata.fields
+                                                ) ?
+                                                    metadata.fields[field].label
+                                                    :
+                                                    ""
+                                            }
+                                        </label>
+                                        <div className="markdown">
+                                            <FieldData
+                                                metadata={metadata}
+                                                field_name={field}
+                                                data={data}
+                                            />
+                                        </div>
+                                    </fieldset>
+                            )
+                        )
+                    }
+                })}
             </div>
             <div className="column">
                 {right.map((field) => {