@kano/kbc-card - npm Package Compare versions

Comparing version 1.1.5 to 1.1.6

lib/cards/base-card.js

@@ -42,6 +42,13 @@ "use strict";
 exports.CardTitle = CardTitle;
-const CardVid = ({ loaded, imgFitRatio, src, image, handleOnVidLoaded }) => (react_1.default.createElement("div", { className: "card__image-img", style: { paddingTop: imgFitRatio ? imgFitRatio + '%' : '' } },
-    loaded ? '' : react_1.default.createElement("span", { className: "card__image-loader" },
-        react_1.default.createElement(kbc_loader_1.KbcLoader, { size: "small" })),
-    react_1.default.createElement("video", { autoPlay: true, loop: true, className: `vid${loaded ? ' vid--loaded' : ''}`, src: src, onLoadedData: () => handleOnVidLoaded() }, "Sorry, your browser doesn't support embedded videos.")));
+const CardVid = ({ loaded, imgFitRatio, src, image, handleOnVidLoaded }) => {
+    const [errored, setErrored] = react_1.useState(false);
+    const handleErrored = () => {
+        setErrored(true);
+    };
+    return (react_1.default.createElement("div", { className: "card__image-img", style: { paddingTop: imgFitRatio ? imgFitRatio + '%' : '' } },
+        loaded ? '' : react_1.default.createElement("span", { className: "card__image-loader" },
+            react_1.default.createElement(kbc_loader_1.KbcLoader, { size: "small" })),
+        !errored && (react_1.default.createElement("video", { autoPlay: true, loop: true, className: `vid${loaded ? ' vid--loaded' : ''}`, src: src, onLoadedData: () => handleOnVidLoaded(), onError: () => handleErrored() }, "Sorry, your browser doesn't support embedded videos.")),
+        errored && (react_1.default.createElement("img", { className: `img${loaded ? ' img--loaded' : ''}`, src: image, onLoad: () => handleOnVidLoaded() }))));
+};
 const CardVideo = ({ src, image, imgFitRatio, children, link }) => {
@@ -48,0 +55,0 @@ const [{ loaded }, setImageState] = react_1.useState({ loaded: false });

package.json

 {
   "name": "@kano/kbc-card",
-  "version": "1.1.5",
+  "version": "1.1.6",
   "description": "",
@@ -45,3 +45,3 @@ "author": "Kano Computing",
   },
-  "gitHead": "5a24abfaa835bd39333e676801da508817567222"
+  "gitHead": "65a41c3fd40ff6941b61104109ce5e1437045943"
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

43169

increased by1.78%

Lines of code

156

increased by4.7%

No dependency changes