diff --git a/packages/@sanity/form-builder/src/inputs/Image/ImageInput.js b/packages/@sanity/form-builder/src/inputs/Image/ImageInput.js index daf9b0b374e..a76dc6ba341 100644 --- a/packages/@sanity/form-builder/src/inputs/Image/ImageInput.js +++ b/packages/@sanity/form-builder/src/inputs/Image/ImageInput.js @@ -228,14 +228,16 @@ export default class ImageInput extends React.PureComponent { }) } - renderAdvancedEdit(fields: Array) { - const {value, level, onChange, type, materialize} = this.props + isImageToolEnabled() { + return get(this.props.type, 'options.hotspot') === true + } - const isImageToolEnabled = get(type, 'options.hotspot') === true + renderAdvancedEdit(fields: Array) { + const {value, level, onChange, materialize} = this.props return ( - {isImageToolEnabled && value && value.asset && ( + {this.isImageToolEnabled() && value && value.asset && ( {imageAsset => } @@ -308,6 +310,8 @@ export default class ImageInput extends React.PureComponent { const hasAsset = value && value.asset + const showAdvancedEditButton = value && (otherFields.length > 0 || this.isImageToolEnabled()) + return ( { - {value && otherFields.length > 0 && ( + {showAdvancedEditButton && (