@kano/kbc-challenges
Advanced tools
Comparing version 4.19.3-alpha.0 to 4.20.0-alpha.0
@@ -8,5 +8,4 @@ "use strict"; | ||
const react_router_dom_1 = require("react-router-dom"); | ||
const kbc_icons_1 = __importDefault(require("@kano/kbc-icons")); | ||
const kbc_icons_1 = require("@kano/kbc-icons"); | ||
const kbc_card_1 = require("@kano/kbc-card"); | ||
const custom_icons_1 = require("./assets/custom-icons"); | ||
const ChallengeCardType = ({ type }) => { | ||
@@ -16,3 +15,3 @@ const icon = type === 'video' || type === 'stepper' ? 'Video' : 'StepBy'; | ||
return (react_1.default.createElement("span", { className: "challenge-card__footer-type" }, | ||
react_1.default.createElement(kbc_icons_1.default, { name: icon, size: "small" }), | ||
react_1.default.createElement(kbc_icons_1.KbcIcon, { name: icon, size: "small" }), | ||
text)); | ||
@@ -24,3 +23,3 @@ }; | ||
react_1.default.createElement(react_router_dom_1.Link, { to: `/challenge/${pack}/${id}` }, | ||
react_1.default.createElement(kbc_card_1.CardImage, { src: image || previewImage, alt: name, imgFitRatio: 80 }, !locked && (react_1.default.createElement("div", { className: "challenge-card__image-medal" }, completed ? custom_icons_1.GoldMedal() : custom_icons_1.SilverMedal()))), | ||
react_1.default.createElement(kbc_card_1.CardImage, { src: image || previewImage, alt: name, imgFitRatio: 80 }, !locked && (react_1.default.createElement("div", { className: "challenge-card__image-medal" }, completed ? kbc_icons_1.GoldMedal() : kbc_icons_1.SilverMedal()))), | ||
react_1.default.createElement("div", { className: "challenge-card__footer" }, | ||
@@ -30,3 +29,3 @@ react_1.default.createElement(ChallengeCardType, { type: type }), | ||
locked && react_1.default.createElement("span", { className: "challenge-card-locked" }, | ||
react_1.default.createElement(kbc_icons_1.default, { name: "Lock", size: "larger" }))))); | ||
react_1.default.createElement(kbc_icons_1.KbcIcon, { name: "Lock", size: "larger" }))))); | ||
}; | ||
@@ -38,8 +37,8 @@ exports.ChallengePackCard = ({ id, name, bannerImage, tag, challenges }) => { | ||
react_1.default.createElement(kbc_card_1.CardImage, { src: bannerImage, alt: name, imgFitRatio: 44 }, | ||
tag[0] === 'club' && react_1.default.createElement("div", { className: "challenge-image-tag challenge-image-tag--club" }, custom_icons_1.Club()), | ||
tag[0] === 'club' && react_1.default.createElement("div", { className: "challenge-image-tag challenge-image-tag--club" }, kbc_icons_1.Club()), | ||
react_1.default.createElement("div", { className: "challenge-image-tag challenge-image-tag--card-title" }, | ||
react_1.default.createElement("h5", { className: "challenge-card-title" }, name))), | ||
!challenges.length && react_1.default.createElement("span", { className: "challenge-card-locked" }, | ||
react_1.default.createElement(kbc_icons_1.default, { name: "Lock", size: "larger" })))))); | ||
react_1.default.createElement(kbc_icons_1.KbcIcon, { name: "Lock", size: "larger" })))))); | ||
}; | ||
//# sourceMappingURL=cards.js.map |
@@ -8,3 +8,3 @@ "use strict"; | ||
const react_router_dom_1 = require("react-router-dom"); | ||
const kbc_icons_1 = __importDefault(require("@kano/kbc-icons")); | ||
const kbc_icons_1 = require("@kano/kbc-icons"); | ||
const kbc_telemetry_1 = require("@kano/kbc-telemetry"); | ||
@@ -22,3 +22,3 @@ const cards_1 = require("../cards"); | ||
react_1.default.createElement("div", { className: "challenge-image-tag__banner-back-arrow" }, | ||
react_1.default.createElement(kbc_icons_1.default, { name: "ArrowCircleLeft", size: "base" })), | ||
react_1.default.createElement(kbc_icons_1.KbcIcon, { name: "ArrowCircleLeft", size: "base" })), | ||
"Back"), | ||
@@ -33,3 +33,3 @@ tag[0] === 'club' && react_1.default.createElement("div", { className: "challenge-image-tag challenge-image-tag--club" }, custom_icons_js_1.Club()), | ||
react_1.default.createElement("div", { className: "challenge-image-tag challenge-image-tag--banner-progress" }, | ||
react_1.default.createElement(kbc_icons_1.default, { name: "Challenges", size: "small" }), | ||
react_1.default.createElement(kbc_icons_1.KbcIcon, { name: "Challenges", size: "small" }), | ||
react_1.default.createElement("span", { className: "h4" }, | ||
@@ -36,0 +36,0 @@ complete, |
{ | ||
"name": "@kano/kbc-challenges", | ||
"version": "4.19.3-alpha.0", | ||
"version": "4.20.0-alpha.0", | ||
"description": "", | ||
@@ -34,9 +34,9 @@ "author": "Kano Computing", | ||
"dependencies": { | ||
"@kano/kbc-card": "^4.19.3-alpha.0", | ||
"@kano/kbc-card": "^4.20.0-alpha.0", | ||
"@kano/kbc-clients": "^4.19.3-alpha.0", | ||
"@kano/kbc-icons": "^4.19.3-alpha.0", | ||
"@kano/kbc-icons": "^4.20.0-alpha.0", | ||
"@kano/kbc-telemetry": "^4.17.1-alpha.0", | ||
"react-router-dom": "^5.1.2" | ||
}, | ||
"gitHead": "a78cc02e9d9ae6c44f897e0c1807dc055fcedc34" | ||
"gitHead": "607751217f9e6665f15103432ad3a9834a9a4772" | ||
} |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
53723
335
+ Added@kano/kbc-base-styles@4.20.0-alpha.0(transitive)
+ Added@kano/kbc-card@4.20.0-alpha.0(transitive)
+ Added@kano/kbc-icons@4.20.0-alpha.0(transitive)
+ Added@kano/kbc-loader@4.20.0-alpha.0(transitive)
+ Added@kano/kbc-tokens@4.20.0-alpha.0(transitive)
- Removed@kano/kbc-base-styles@4.19.3-alpha.0(transitive)
- Removed@kano/kbc-card@4.19.3-alpha.0(transitive)
- Removed@kano/kbc-icons@4.19.3-alpha.0(transitive)
- Removed@kano/kbc-loader@4.19.3-alpha.0(transitive)
- Removed@kano/kbc-tokens@4.19.3-alpha.0(transitive)