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',