performanceresultscreens 0.0.26 → 0.0.27
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.
- package/dist/components/Molecules/PerformanceScreen/PreformanceResultScreen.js +17 -8
- package/dist/components/Molecules/PerformanceScreen/PreformanceResultScreen.js.map +1 -1
- package/dist/components/Molecules/PerformanceScreen/PreformanceResultScreen.stories.js +4 -4
- package/dist/components/Molecules/PerformanceScreen/PreformanceResultScreen.stories.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,7 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
2
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
6
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
4
|
-
const react_1 = require("
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
8
|
+
const react_2 = require("@chakra-ui/react");
|
|
5
9
|
const QuizResult_styles_1 = require("./QuizResult.styles");
|
|
6
10
|
const react_canvas_1 = require("@rive-app/react-canvas");
|
|
7
11
|
const PreformanceResultScreen = ({ percentage, description, timeTaken, comparisonText, imgSrc, onLevelUp, onReview, onBackToHomework, isMobile = false, rivSrc, }) => {
|
|
@@ -43,26 +47,31 @@ const PreformanceResultScreen = ({ percentage, description, timeTaken, compariso
|
|
|
43
47
|
};
|
|
44
48
|
}
|
|
45
49
|
};
|
|
50
|
+
const [riveError, setRiveError] = react_1.default.useState(false);
|
|
46
51
|
const { rive, RiveComponent } = (0, react_canvas_1.useRive)({
|
|
47
52
|
src: rivSrc,
|
|
48
53
|
autoplay: true,
|
|
49
54
|
onLoad: () => console.log("Rive loaded:", rivSrc),
|
|
55
|
+
onLoadError: (error) => {
|
|
56
|
+
console.error("Rive load error:", error);
|
|
57
|
+
setRiveError(true);
|
|
58
|
+
},
|
|
50
59
|
onStateChange: (event) => console.log("State changed:", event),
|
|
51
60
|
});
|
|
52
61
|
const content = getContent();
|
|
53
|
-
return ((0, jsx_runtime_1.jsx)(
|
|
62
|
+
return ((0, jsx_runtime_1.jsx)(react_2.Box, { sx: QuizResult_styles_1.styles.container, children: (0, jsx_runtime_1.jsx)(react_2.Box, { sx: {
|
|
54
63
|
...(isMobile && { background: "white", padding: "12px" }),
|
|
55
|
-
}, children: (0, jsx_runtime_1.jsxs)(
|
|
64
|
+
}, children: (0, jsx_runtime_1.jsxs)(react_2.Box, { sx: isMobile ? QuizResult_styles_1.styles.mobilecard : QuizResult_styles_1.styles.card, children: [(0, jsx_runtime_1.jsxs)(react_2.Box, { sx: {
|
|
56
65
|
...QuizResult_styles_1.styles.header,
|
|
57
66
|
flexDirection: isMobile ? "column" : "row",
|
|
58
67
|
alignItems: isMobile ? "flex-start" : "center",
|
|
59
68
|
position: "relative",
|
|
60
|
-
}, children: [(0, jsx_runtime_1.jsx)(
|
|
69
|
+
}, children: [(0, jsx_runtime_1.jsx)(react_2.Box, { bg: "#DFDAFE", borderTopLeftRadius: "100px", borderTopRightRadius: "100px", borderBottomLeftRadius: "100px", overflow: "hidden", width: isMobile ? "120px" : "183px", height: isMobile ? "120px" : "183px", position: isMobile ? "static" : "absolute", paddingBottom: isMobile ? "0" : "16px", marginBottom: isMobile ? "16px" : "70px", children: riveError ? ((0, jsx_runtime_1.jsx)(react_2.Image, { src: imgSrc, alt: "Result icon", sx: QuizResult_styles_1.styles.icon })) : ((0, jsx_runtime_1.jsx)(RiveComponent, { style: {
|
|
61
70
|
width: "100%",
|
|
62
71
|
height: "100%",
|
|
63
72
|
objectFit: "contain",
|
|
64
73
|
zIndex: 99,
|
|
65
|
-
} }) }), (0, jsx_runtime_1.jsxs)(
|
|
74
|
+
} })) }), (0, jsx_runtime_1.jsxs)(react_2.Box, { sx: {
|
|
66
75
|
...QuizResult_styles_1.styles.messageBox,
|
|
67
76
|
...(isMobile
|
|
68
77
|
? {
|
|
@@ -71,14 +80,14 @@ const PreformanceResultScreen = ({ percentage, description, timeTaken, compariso
|
|
|
71
80
|
padding: "0",
|
|
72
81
|
}
|
|
73
82
|
: content.messageBoxStyle),
|
|
74
|
-
}, children: [(0, jsx_runtime_1.jsx)(
|
|
83
|
+
}, children: [(0, jsx_runtime_1.jsx)(react_2.Text, { sx: {
|
|
75
84
|
...QuizResult_styles_1.styles.title,
|
|
76
85
|
paddingTop: content.showLevelUp ? "43px" : "14px",
|
|
77
86
|
padding: isMobile && "0px",
|
|
78
|
-
}, children: content.title }), (0, jsx_runtime_1.jsx)(
|
|
87
|
+
}, children: content.title }), (0, jsx_runtime_1.jsx)(react_2.Text, { sx: {
|
|
79
88
|
...QuizResult_styles_1.styles.description,
|
|
80
89
|
padding: isMobile && "0px",
|
|
81
|
-
}, children: description })] })] }), (0, jsx_runtime_1.jsx)(
|
|
90
|
+
}, children: description })] })] }), (0, jsx_runtime_1.jsx)(react_2.Box, { sx: QuizResult_styles_1.styles.separator }), (0, jsx_runtime_1.jsxs)(react_2.Box, { sx: QuizResult_styles_1.styles.buttonContainer, children: [(0, jsx_runtime_1.jsx)(react_2.Button, { sx: { ...QuizResult_styles_1.styles.button, ...QuizResult_styles_1.styles.buttonSecondary }, onClick: content.showLevelUp ? onLevelUp : onBackToHomework, children: content.secondaryButton }), (0, jsx_runtime_1.jsx)(react_2.Button, { sx: { ...QuizResult_styles_1.styles.button, ...QuizResult_styles_1.styles.buttonPrimary }, onClick: onReview, children: content.primaryButton })] })] }) }) }));
|
|
82
91
|
};
|
|
83
92
|
exports.default = PreformanceResultScreen;
|
|
84
93
|
//# sourceMappingURL=PreformanceResultScreen.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PreformanceResultScreen.js","sourceRoot":"","sources":["../../../../src/components/Molecules/PerformanceScreen/PreformanceResultScreen.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"PreformanceResultScreen.js","sourceRoot":"","sources":["../../../../src/components/Molecules/PerformanceScreen/PreformanceResultScreen.tsx"],"names":[],"mappings":"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"}
|
|
@@ -5,7 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
exports.Hundred = exports.AboveEighty = exports.SixtyToEighty = exports.BelowSixty = void 0;
|
|
7
7
|
const PreformanceResultScreen_1 = __importDefault(require("./PreformanceResultScreen"));
|
|
8
|
-
const
|
|
8
|
+
const Between80_100_svg_1 = __importDefault(require("../../../assests/PerformanceScreens/Between80-100.svg"));
|
|
9
9
|
const Below60_svg_1 = __importDefault(require("../../../assests/PerformanceScreens/Below60.svg"));
|
|
10
10
|
const Between60_80_svg_1 = __importDefault(require("../../../assests/PerformanceScreens/Between60-80.svg"));
|
|
11
11
|
const meta = {
|
|
@@ -54,7 +54,7 @@ exports.SixtyToEighty = {
|
|
|
54
54
|
imgSrc: Between60_80_svg_1.default,
|
|
55
55
|
onLevelUp: () => console.log("Level Up clicked"),
|
|
56
56
|
onReview: () => console.log("Review questions clicked"),
|
|
57
|
-
isMobile:
|
|
57
|
+
isMobile: false,
|
|
58
58
|
},
|
|
59
59
|
};
|
|
60
60
|
// Story for Above 80% (Brilliant)
|
|
@@ -63,7 +63,7 @@ exports.AboveEighty = {
|
|
|
63
63
|
percentage: 92,
|
|
64
64
|
timeTaken: { minutes: 21, seconds: 30 },
|
|
65
65
|
description: "Let's turn this into progress. Review the questions to see where you can improve. Understanding them now will help you ace similar ones later!",
|
|
66
|
-
imgSrc:
|
|
66
|
+
imgSrc: Between80_100_svg_1.default,
|
|
67
67
|
onReview: () => console.log("Review questions clicked"),
|
|
68
68
|
onBackToHomework: () => console.log("Back to homework clicked"),
|
|
69
69
|
isMobile: true,
|
|
@@ -74,7 +74,7 @@ exports.Hundred = {
|
|
|
74
74
|
percentage: 100,
|
|
75
75
|
timeTaken: { minutes: 21, seconds: 30 },
|
|
76
76
|
comparisonText: "2 min faster than your class average. Keep it up!",
|
|
77
|
-
imgSrc:
|
|
77
|
+
imgSrc: Between80_100_svg_1.default,
|
|
78
78
|
onReview: () => console.log("Review questions clicked"),
|
|
79
79
|
onBackToHomework: () => console.log("Back to homework clicked"),
|
|
80
80
|
isMobile: true,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PreformanceResultScreen.stories.js","sourceRoot":"","sources":["../../../../src/components/Molecules/PerformanceScreen/PreformanceResultScreen.stories.tsx"],"names":[],"mappings":";;;;;;AAEA,wFAAgE;AAChE,
|
|
1
|
+
{"version":3,"file":"PreformanceResultScreen.stories.js","sourceRoot":"","sources":["../../../../src/components/Molecules/PerformanceScreen/PreformanceResultScreen.stories.tsx"],"names":[],"mappings":";;;;;;AAEA,wFAAgE;AAChE,8GAA4E;AAC5E,kGAAsE;AACtE,4GAAkF;AAElF,MAAM,IAAI,GAAyC;IACjD,KAAK,EAAE,8CAA8C;IACrD,SAAS,EAAE,iCAAuB;IAClC,UAAU,EAAE;QACV,MAAM,EAAE,YAAY;KACrB;IACD,QAAQ,EAAE;QACR,UAAU,EAAE;YACV,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC,EAAE;YACrD,WAAW,EAAE,uBAAuB;SACrC;QACD,SAAS,EAAE;YACT,WAAW,EAAE,iCAAiC;SAC/C;QACD,cAAc,EAAE;YACd,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,6BAA6B;SAC3C;QACD,MAAM,EAAE;YACN,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,kBAAkB;SAChC;KACF;CACF,CAAC;AAEF,kBAAe,IAAI,CAAC;AAGpB,wCAAwC;AAC3B,QAAA,UAAU,GAAU;IAC/B,IAAI,EAAE;QACJ,UAAU,EAAE,EAAE;QACd,SAAS,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE;QACvC,cAAc,EAAE,mDAAmD;QACnE,MAAM,EAAE,qBAAO;QACf,SAAS,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,kBAAkB,CAAC;QAChD,QAAQ,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,0BAA0B,CAAC;QACvD,QAAQ,EAAE,IAAI;KACf;CACF,CAAC;AAEF,8BAA8B;AACjB,QAAA,aAAa,GAAU;IAClC,IAAI,EAAE;QACJ,UAAU,EAAE,EAAE;QACd,SAAS,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE;QACvC,cAAc,EAAE,mDAAmD;QACnE,MAAM,EAAE,0BAAc;QACtB,SAAS,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,kBAAkB,CAAC;QAChD,QAAQ,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,0BAA0B,CAAC;QACvD,QAAQ,EAAE,KAAK;KAChB;CACF,CAAC;AAEF,kCAAkC;AACrB,QAAA,WAAW,GAAU;IAChC,IAAI,EAAE;QACJ,UAAU,EAAE,EAAE;QACd,SAAS,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE;QACvC,WAAW,EACT,gJAAgJ;QAClJ,MAAM,EAAE,2BAAO;QACf,QAAQ,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,0BAA0B,CAAC;QACvD,gBAAgB,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,0BAA0B,CAAC;QAC/D,QAAQ,EAAE,IAAI;KACf;CACF,CAAC;AAEW,QAAA,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,UAAU,EAAE,GAAG;QACf,SAAS,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE;QACvC,cAAc,EAAE,mDAAmD;QACnE,MAAM,EAAE,2BAAO;QACf,QAAQ,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,0BAA0B,CAAC;QACvD,gBAAgB,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,0BAA0B,CAAC;QAC/D,QAAQ,EAAE,IAAI;KACf;CACF,CAAC"}
|