diff --git a/packages/components/src/form/ImagePreviewInput/ImagePreviewInput.js b/packages/components/src/form/ImagePreviewInput/ImagePreviewInput.js
index ac0234d08..41d6668f3 100644
--- a/packages/components/src/form/ImagePreviewInput/ImagePreviewInput.js
+++ b/packages/components/src/form/ImagePreviewInput/ImagePreviewInput.js
@@ -10,6 +10,7 @@ import { ImageLoader } from '../../misc/ImageLoader';
import { ImagePreviewInputStyles } from './ImagePreviewInput.styles';
export const IMAGE_PREVIEW_INPUT_DEFAULT_PROPS = {
+ hideChangeButton: false,
labels: {
changeImage: '',
uploadButton: '',
@@ -36,6 +37,8 @@ export const IMAGE_PREVIEW_INPUT_PROP_TYPES = {
objectFit: PropTypes.string,
width: PropTypes.number,
height: PropTypes.number,
+ hideChangeButton: PropTypes.bool,
+ onShowDrawer: PropTypes.func,
};
const ImagePreviewInput = ({
@@ -53,6 +56,7 @@ const ImagePreviewInput = ({
objectFit,
width,
height,
+ hideChangeButton,
}) => {
const [imagePreview, setImagePreview] = useState(previewURL);
const [imageValue, setImageValue] = useState(value);
@@ -144,16 +148,18 @@ const ImagePreviewInput = ({
>
{labels.removeButton}
- }
- onClick={handleShowDrawer}
- useAria={useAria}
- >
- {labels.changeImage}
-
+ {!hideChangeButton && (
+ }
+ onClick={handleShowDrawer}
+ useAria={useAria}
+ >
+ {labels.changeImage}
+
+ )}
) : null}
diff --git a/packages/components/src/layout/TotalLayout/TotalLayoutFooterContainer/TotalLayoutFooterContainer.js b/packages/components/src/layout/TotalLayout/TotalLayoutFooterContainer/TotalLayoutFooterContainer.js
index 9f1b614bf..209b3bcdb 100644
--- a/packages/components/src/layout/TotalLayout/TotalLayoutFooterContainer/TotalLayoutFooterContainer.js
+++ b/packages/components/src/layout/TotalLayout/TotalLayoutFooterContainer/TotalLayoutFooterContainer.js
@@ -15,6 +15,7 @@ const TotalLayoutFooterContainer = ({
showFooterBorder: _showFooterBorder,
style,
width,
+ height = 72,
clean,
rectRef,
skipOffset,
@@ -86,7 +87,7 @@ const TotalLayoutFooterContainer = ({
return (
-
+
{leftZone}
@@ -100,7 +101,9 @@ const TotalLayoutFooterContainer = ({
);
};
-TotalLayoutFooterContainer.defaultProps = {};
+TotalLayoutFooterContainer.defaultProps = {
+ height: 72,
+};
TotalLayoutFooterContainer.propTypes = {
leftOffset: PropTypes.number,
scrollRef: PropTypes.any,
@@ -112,6 +115,7 @@ TotalLayoutFooterContainer.propTypes = {
showFooterBorder: PropTypes.bool,
style: PropTypes.object,
width: PropTypes.number,
+ height: PropTypes.number,
clean: PropTypes.bool,
rectRef: PropTypes.object,
skipOffset: PropTypes.bool,