coinsperformance 0.0.4 → 0.0.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -10,6 +10,8 @@ interface RevisionCompleteCardProps {
|
|
|
10
10
|
secondaryButtonText?: string;
|
|
11
11
|
onSecondaryButtonClick?: () => void;
|
|
12
12
|
badge?: string;
|
|
13
|
+
coins?: string;
|
|
14
|
+
coinsSrc?: string;
|
|
13
15
|
}
|
|
14
16
|
declare const RevisionCompleteCard: React.FC<RevisionCompleteCardProps>;
|
|
15
17
|
export default RevisionCompleteCard;
|
|
@@ -26,14 +26,15 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
26
26
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
27
27
|
const S = __importStar(require("./RevisionCompleteCard.styles"));
|
|
28
28
|
const react_canvas_1 = require("@rive-app/react-canvas");
|
|
29
|
-
const
|
|
29
|
+
const react_1 = require("@chakra-ui/react");
|
|
30
|
+
const RevisionCompleteCard = ({ title = "Revision\ncompleted!", description, buttonText, rivSrc, imageSrc, onButtonClick, isMatchthefollowing, secondaryButtonText, onSecondaryButtonClick, badge, coins, coinsSrc, }) => {
|
|
30
31
|
const { rive, RiveComponent } = (0, react_canvas_1.useRive)({
|
|
31
32
|
src: rivSrc,
|
|
32
33
|
autoplay: true,
|
|
33
34
|
onLoad: () => console.log("Rive loaded:", rivSrc),
|
|
34
35
|
onStateChange: (event) => console.log("State changed:", event),
|
|
35
36
|
});
|
|
36
|
-
return ((0, jsx_runtime_1.jsxs)(S.OuterContainer, { children: [(0, jsx_runtime_1.jsx)(S.OuterCard, { children: (0, jsx_runtime_1.jsxs)(S.InnerCard, { children: [(0, jsx_runtime_1.jsxs)(S.TopSection, { children: [rivSrc ? ((0, jsx_runtime_1.jsx)(RiveComponent, { style: { width: "100%", height: "200px" } })) : ((0, jsx_runtime_1.jsx)(S.Image, { src: imageSrc, alt: title })), isMatchthefollowing && badge && (0, jsx_runtime_1.jsx)(S.Badge, { children: badge }), !isMatchthefollowing && (0, jsx_runtime_1.jsx)(S.Title, { children: title })] }), (0, jsx_runtime_1.jsx)(S.Divider, {}), (0, jsx_runtime_1.jsxs)(S.Content, { children: [isMatchthefollowing && (0, jsx_runtime_1.jsx)(S.SubTitle, { children: title }), (0, jsx_runtime_1.jsx)(S.Description, { isMatchthefollowing: isMatchthefollowing, children: description })] })] }) }), (0, jsx_runtime_1.jsx)(S.ButtonContainer, { children: !isMatchthefollowing ? ((0, jsx_runtime_1.jsx)(S.SecondaryButton, { onClick: onButtonClick, children: buttonText })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(S.SecondaryButton, { onClick: onButtonClick, children: buttonText }), (0, jsx_runtime_1.jsx)(S.PrimaryButton, { onClick: onSecondaryButtonClick, children: secondaryButtonText })] })) })] }));
|
|
37
|
+
return ((0, jsx_runtime_1.jsxs)(S.OuterContainer, { children: [(0, jsx_runtime_1.jsx)(S.OuterCard, { children: (0, jsx_runtime_1.jsxs)(S.InnerCard, { children: [(0, jsx_runtime_1.jsxs)(S.TopSection, { children: [rivSrc ? ((0, jsx_runtime_1.jsx)(RiveComponent, { style: { width: "100%", height: "200px" } })) : ((0, jsx_runtime_1.jsx)(S.Image, { src: imageSrc, alt: title })), isMatchthefollowing && badge && (0, jsx_runtime_1.jsx)(S.Badge, { children: badge }), !isMatchthefollowing && (0, jsx_runtime_1.jsx)(S.Title, { children: title })] }), (0, jsx_runtime_1.jsx)(S.Divider, {}), (0, jsx_runtime_1.jsxs)(S.Content, { children: [isMatchthefollowing && (0, jsx_runtime_1.jsx)(S.SubTitle, { children: title }), (0, jsx_runtime_1.jsx)(S.Description, { isMatchthefollowing: isMatchthefollowing, children: description })] })] }) }), coins && ((0, jsx_runtime_1.jsxs)(react_1.Box, { display: "flex", alignItems: "center", gap: "10px", mt: "10px", children: [(0, jsx_runtime_1.jsx)(react_1.Image, { src: coinsSrc, alt: "Coins icon", w: { base: "46px", md: "58px" }, h: { base: "35px", md: "48px" } }), (0, jsx_runtime_1.jsxs)(react_1.Text, { fontFamily: "Poppins, sans-serif", fontSize: { base: "12px", md: "16px" }, color: "#000", fontWeight: "400", lineHeight: "22px", children: ["You earned +", coins, " Bonus Learning Coins"] })] })), (0, jsx_runtime_1.jsx)(S.ButtonContainer, { children: !isMatchthefollowing ? ((0, jsx_runtime_1.jsx)(S.SecondaryButton, { onClick: onButtonClick, children: buttonText })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(S.SecondaryButton, { onClick: onButtonClick, children: buttonText }), (0, jsx_runtime_1.jsx)(S.PrimaryButton, { onClick: onSecondaryButtonClick, children: secondaryButtonText })] })) })] }));
|
|
37
38
|
};
|
|
38
39
|
exports.default = RevisionCompleteCard;
|
|
39
40
|
//# sourceMappingURL=RevisionCompleteCard.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RevisionCompleteCard.js","sourceRoot":"","sources":["../../../../src/components/Molecules/RevisionCompleteCard/RevisionCompleteCard.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AACA,iEAAmD;AACnD,yDAAiD;
|
|
1
|
+
{"version":3,"file":"RevisionCompleteCard.js","sourceRoot":"","sources":["../../../../src/components/Molecules/RevisionCompleteCard/RevisionCompleteCard.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AACA,iEAAmD;AACnD,yDAAiD;AACjD,4CAAoD;AAiBpD,MAAM,oBAAoB,GAAwC,CAAC,EACjE,KAAK,GAAG,sBAAsB,EAC9B,WAAW,EACX,UAAU,EACV,MAAM,EACN,QAAQ,EACR,aAAa,EACb,mBAAmB,EACnB,mBAAmB,EACnB,sBAAsB,EACtB,KAAK,EACL,KAAK,EACL,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,EAAE,IAAI,EAAE,aAAa,EAAE,GAAG,IAAA,sBAAO,EAAC;QACtC,GAAG,EAAE,MAAM;QACX,QAAQ,EAAE,IAAI;QACd,MAAM,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,cAAc,EAAE,MAAM,CAAC;QACjD,aAAa,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,gBAAgB,EAAE,KAAK,CAAC;KAC/D,CAAC,CAAC;IACH,OAAO,CACL,wBAAC,CAAC,CAAC,cAAc,eACf,uBAAC,CAAC,CAAC,SAAS,cACV,wBAAC,CAAC,CAAC,SAAS,eACV,wBAAC,CAAC,CAAC,UAAU,eACV,MAAM,CAAC,CAAC,CAAC,CACR,uBAAC,aAAa,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,GAAI,CAC7D,CAAC,CAAC,CAAC,CACF,uBAAC,CAAC,CAAC,KAAK,IAAC,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAE,KAAK,GAAI,CACvC,EACA,mBAAmB,IAAI,KAAK,IAAI,uBAAC,CAAC,CAAC,KAAK,cAAE,KAAK,GAAW,EAC1D,CAAC,mBAAmB,IAAI,uBAAC,CAAC,CAAC,KAAK,cAAE,KAAK,GAAW,IACtC,EAEf,uBAAC,CAAC,CAAC,OAAO,KAAG,EAEb,wBAAC,CAAC,CAAC,OAAO,eACP,mBAAmB,IAAI,uBAAC,CAAC,CAAC,QAAQ,cAAE,KAAK,GAAc,EACxD,uBAAC,CAAC,CAAC,WAAW,IAAC,mBAAmB,EAAE,mBAAmB,YACpD,WAAW,GACE,IACN,IACA,GACF,EACb,KAAK,IAAI,CACR,wBAAC,WAAG,IAAC,OAAO,EAAC,MAAM,EAAC,UAAU,EAAC,QAAQ,EAAC,GAAG,EAAC,MAAM,EAAC,EAAE,EAAC,MAAM,aAC1D,uBAAC,aAAK,IACJ,GAAG,EAAE,QAAQ,EACb,GAAG,EAAC,YAAY,EAChB,CAAC,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAC/B,CAAC,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,GAC/B,EACF,wBAAC,YAAI,IACH,UAAU,EAAC,qBAAqB,EAChC,QAAQ,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EACtC,KAAK,EAAC,MAAM,EACZ,UAAU,EAAC,KAAK,EAChB,UAAU,EAAC,MAAM,6BAEJ,KAAK,6BACb,IACH,CACP,EAED,uBAAC,CAAC,CAAC,eAAe,cAEf,CAAC,mBAAmB,CAAC,CAAC,CAAC,CACtB,uBAAC,CAAC,CAAC,eAAe,IAAC,OAAO,EAAE,aAAa,YACtC,UAAU,GACO,CACrB,CAAC,CAAC,CAAC,CACF,6DACE,uBAAC,CAAC,CAAC,eAAe,IAAC,OAAO,EAAE,aAAa,YACtC,UAAU,GACO,EACpB,uBAAC,CAAC,CAAC,aAAa,IAAC,OAAO,EAAE,sBAAsB,YAC7C,mBAAmB,GACJ,IACjB,CACJ,GACiB,IACH,CACpB,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,oBAAoB,CAAC"}
|