Hide "Add multi-field" button when in create or edit mode

elastic · Oct 23, 2019 · b8a199e · b8a199e
1 parent 88624eb
commit b8a199e
Showing 1 changed file with 10 additions and 8 deletions.
diff --git a/.../public/components/mappings_editor/components/document_fields/fields/fields_list_item.tsx b/.../public/components/mappings_editor/components/document_fields/fields/fields_list_item.tsx
@@ -179,14 +179,16 @@ export const FieldsListItem = React.memo(function FieldListItemComponent({
                     </EuiFacetButton>
                   </EuiFlexItem>
                 )}
-                <EuiFlexItem
-                  grow={false}
-                  className="mappings-editor__fields-list-item__multi-field-button"
-                >
-                  <EuiButtonEmpty onClick={addField} iconType="plusInCircleFilled">
-                    Add multi-field
-                  </EuiButtonEmpty>
-                </EuiFlexItem>
+                {areActionButtonsVisible && (
+                  <EuiFlexItem
+                    grow={false}
+                    className="mappings-editor__fields-list-item__multi-field-button"
+                  >
+                    <EuiButtonEmpty onClick={addField} iconType="plusInCircleFilled">
+                      Add multi-field
+                    </EuiButtonEmpty>
+                  </EuiFlexItem>
+                )}
               </>
             )}
             <EuiFlexItem className="mappings-editor__fields-list-item__actions">