@codacy/ui-components 0.67.29 → 0.67.33

package/lib/Img/Img.js

@@ -1,5 +1,5 @@
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import React, { useState, useCallback } from 'react';
+import React, { useState, useCallback, useMemo } from 'react';
 import { ImgWrapper, StyledImg } from './Img.styles';
 
 /**
@@ -15,12 +15,14 @@ const Img = ({
   fit = 'cover',
   ...props
 }) => {
-  const [imgSrc, setImgSrc] = useState(src);
+  const [errorOccurred, setErrorOccurred] = useState(false);
+  const imgSrc = useMemo(() => {
+    if (errorOccurred) return fallbackImage;
+    return src;
+  }, [src, fallbackImage, errorOccurred]);
   const handleError = useCallback(() => {
-    if (fallbackImage && imgSrc !== fallbackImage) {
-      setImgSrc(fallbackImage);
-    }
-  }, [imgSrc, fallbackImage]);
+    if (fallbackImage) setErrorOccurred(true);
+  }, [fallbackImage]);
   return /*#__PURE__*/React.createElement(ImgWrapper, _extends({
     ratio: ratio
   }, props), /*#__PURE__*/React.createElement(StyledImg, {

package/lib/Message/Message.js

@@ -51,7 +51,8 @@ const Message = /*#__PURE__*/React.forwardRef(({
     mr: 3,
     flexShrink: 0
   }), /*#__PURE__*/React.createElement(Paragraph, {
-    color: "alerts-secondary-text"
+    color: "alerts-secondary-text",
+    as: "div"
   }, children)), onDismiss && /*#__PURE__*/React.createElement(CloseButton, {
     onClick: onDismiss,
     color: "alerts-primary-icon"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codacy/ui-components",
-  "version": "0.67.29",
+  "version": "0.67.33",
   "description": "",
   "license": "ISC",
   "author": "",