diff --git a/src/fireedge/src/client/components/Cards/ProvisionCard.js b/src/fireedge/src/client/components/Cards/ProvisionCard.js
index 6c07afdd5f..9b6d9a4569 100644
--- a/src/fireedge/src/client/components/Cards/ProvisionCard.js
+++ b/src/fireedge/src/client/components/Cards/ProvisionCard.js
@@ -66,7 +66,12 @@ const ProvisionCard = memo(
isSelected={isSelected}
mediaProps={{
component: 'div',
- children:
+ children: (
+
+ )
}}
subheader={`#${ID}`}
title={NAME}
diff --git a/src/fireedge/src/client/components/Cards/ProvisionTemplateCard.js b/src/fireedge/src/client/components/Cards/ProvisionTemplateCard.js
index 3806b04497..7d1bb87f8b 100644
--- a/src/fireedge/src/client/components/Cards/ProvisionTemplateCard.js
+++ b/src/fireedge/src/client/components/Cards/ProvisionTemplateCard.js
@@ -47,7 +47,12 @@ const ProvisionTemplateCard = memo(
isSelected={isSelected}
mediaProps={{
component: 'div',
- children:
+ children: (
+
+ )
}}
subheader={description}
title={name}
diff --git a/src/fireedge/src/client/components/Image/index.js b/src/fireedge/src/client/components/Image/index.js
index 9b8a9bf6d9..338a7544f2 100644
--- a/src/fireedge/src/client/components/Image/index.js
+++ b/src/fireedge/src/client/components/Image/index.js
@@ -29,19 +29,15 @@ const INITIAL_STATE = { fail: false, retries: 0 }
* @param {string} props.imgProps - Properties to image element
* @returns {React.JSXElementConstructor} Picture with all images format
*/
-const Image = memo(({ src = DEFAULT_IMAGE, withSources, imgProps }) => {
+const Image = memo(({ src, imageInError, withSources, imgProps }) => {
const [error, setError] = useState(INITIAL_STATE)
- /**
- * Increment retries by one in error state.
- */
+ /** Increment retries by one in error state. */
const addRetry = () => {
setError(prev => ({ ...prev, retries: prev.retries + 1 }))
}
- /**
- * Set failed state.
- */
+ /** Set failed state. */
const onImageFail = () => {
setError(prev => ({ fail: true, retries: prev.retries + 1 }))
}
@@ -51,7 +47,7 @@ const Image = memo(({ src = DEFAULT_IMAGE, withSources, imgProps }) => {
}
if (error.fail) {
- return
+ return
}
return (
@@ -69,6 +65,7 @@ const Image = memo(({ src = DEFAULT_IMAGE, withSources, imgProps }) => {
Image.propTypes = {
src: PropTypes.string,
+ imageInError: PropTypes.string,
withSources: PropTypes.bool,
imgProps: PropTypes.shape({
decoding: PropTypes.oneOf(['sync', 'async', 'auto']),
@@ -79,6 +76,7 @@ Image.propTypes = {
Image.defaultProps = {
src: undefined,
+ imageInError: DEFAULT_IMAGE,
withSources: false,
imgProps: {
decoding: 'async',