hidehwbtn 0.0.6 → 0.0.7
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.d.ts +1 -0
- package/dist/components/Molecules/PerformanceScreen/PreformanceResultScreen.js +6 -6
- package/dist/components/Molecules/PerformanceScreen/PreformanceResultScreen.js.map +1 -1
- package/dist/components/Molecules/PerformanceScreen/PreformanceResultScreen.stories.js +2 -0
- package/dist/components/Molecules/PerformanceScreen/PreformanceResultScreen.stories.js.map +1 -1
- package/dist/components/Molecules/PerformanceScreen/QuizResult.styles.d.ts +2 -1
- package/dist/components/Molecules/PerformanceScreen/QuizResult.styles.js +71 -68
- package/dist/components/Molecules/PerformanceScreen/QuizResult.styles.js.map +1 -1
- package/package.json +1 -1
|
@@ -17,6 +17,7 @@ interface PreformanceResultScreenProps {
|
|
|
17
17
|
loading?: boolean;
|
|
18
18
|
hideHomeworkButton: boolean;
|
|
19
19
|
hideReviewButton: boolean;
|
|
20
|
+
badgesrc: string;
|
|
20
21
|
}
|
|
21
22
|
declare const PreformanceResultScreen: React.FC<PreformanceResultScreenProps>;
|
|
22
23
|
export default PreformanceResultScreen;
|
|
@@ -9,11 +9,11 @@ const react_2 = require("@chakra-ui/react");
|
|
|
9
9
|
const react_loading_skeleton_1 = __importDefault(require("react-loading-skeleton"));
|
|
10
10
|
const react_canvas_1 = require("@rive-app/react-canvas");
|
|
11
11
|
const QuizResult_styles_1 = require("./QuizResult.styles");
|
|
12
|
-
const PreformanceResultScreen = ({ percentage, description, timeTaken, comparisonText, imgSrc, onLevelUp, onReview, onBackToHomework, isMobile = false, rivSrc, error = false, loading = false, hideHomeworkButton, hideReviewButton, }) => {
|
|
12
|
+
const PreformanceResultScreen = ({ percentage, description, timeTaken, comparisonText, imgSrc, onLevelUp, onReview, onBackToHomework, isMobile = false, rivSrc, error = false, loading = false, hideHomeworkButton, hideReviewButton, badgesrc, }) => {
|
|
13
13
|
const getContent = () => {
|
|
14
14
|
if (percentage < 60) {
|
|
15
15
|
return {
|
|
16
|
-
title: "
|
|
16
|
+
title: "Needs Improvement",
|
|
17
17
|
messageBoxStyle: QuizResult_styles_1.styles.messageBoxImprove,
|
|
18
18
|
primaryButton: "Review questions",
|
|
19
19
|
secondaryButton: "Back to Homework",
|
|
@@ -22,8 +22,8 @@ const PreformanceResultScreen = ({ percentage, description, timeTaken, compariso
|
|
|
22
22
|
}
|
|
23
23
|
else if (percentage < 80) {
|
|
24
24
|
return {
|
|
25
|
-
title: "
|
|
26
|
-
messageBoxStyle: QuizResult_styles_1.styles.
|
|
25
|
+
title: "Satisfactory",
|
|
26
|
+
messageBoxStyle: QuizResult_styles_1.styles.messageBoxSatisfactory,
|
|
27
27
|
primaryButton: "Review questions",
|
|
28
28
|
secondaryButton: "Back to Homework",
|
|
29
29
|
showLevelUp: false,
|
|
@@ -31,7 +31,7 @@ const PreformanceResultScreen = ({ percentage, description, timeTaken, compariso
|
|
|
31
31
|
}
|
|
32
32
|
else if (percentage < 100) {
|
|
33
33
|
return {
|
|
34
|
-
title: "
|
|
34
|
+
title: "Proficient ",
|
|
35
35
|
messageBoxStyle: QuizResult_styles_1.styles.messageBoxGood,
|
|
36
36
|
primaryButton: "Review questions",
|
|
37
37
|
secondaryButton: "Back to Homework",
|
|
@@ -115,7 +115,7 @@ const PreformanceResultScreen = ({ percentage, description, timeTaken, compariso
|
|
|
115
115
|
padding: "0",
|
|
116
116
|
}
|
|
117
117
|
: content.messageBoxStyle),
|
|
118
|
-
}, children: [(0, jsx_runtime_1.jsx)(react_2.Text, { sx: {
|
|
118
|
+
}, children: [(0, jsx_runtime_1.jsx)(react_2.Image, { src: badgesrc, alt: "Result icon", w: "24px", h: "24px" }), (0, jsx_runtime_1.jsx)(react_2.Text, { sx: {
|
|
119
119
|
...QuizResult_styles_1.styles.title,
|
|
120
120
|
paddingTop: content.showLevelUp ? "43px" : "14px",
|
|
121
121
|
padding: isMobile && "0px",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PreformanceResultScreen.js","sourceRoot":"","sources":["../../../../src/components/Molecules/PerformanceScreen/PreformanceResultScreen.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4CAA4D;AAC5D,oFAA8C;AAC9C,yDAAiD;AACjD,2DAA6C;
|
|
1
|
+
{"version":3,"file":"PreformanceResultScreen.js","sourceRoot":"","sources":["../../../../src/components/Molecules/PerformanceScreen/PreformanceResultScreen.tsx"],"names":[],"mappings":"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"}
|
|
@@ -8,6 +8,7 @@ const PreformanceResultScreen_1 = __importDefault(require("./PreformanceResultSc
|
|
|
8
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
|
+
const greenBadge_svg_1 = __importDefault(require("../../../assests/AccordionBadges/greenBadge.svg"));
|
|
11
12
|
const meta = {
|
|
12
13
|
title: "Components/Molecules/PreformanceResultScreen",
|
|
13
14
|
component: PreformanceResultScreen_1.default,
|
|
@@ -43,6 +44,7 @@ exports.BelowSixty = {
|
|
|
43
44
|
onLevelUp: () => console.log("Level Up clicked"),
|
|
44
45
|
onReview: () => console.log("Review questions clicked"),
|
|
45
46
|
isMobile: true,
|
|
47
|
+
badgesrc: greenBadge_svg_1.default,
|
|
46
48
|
},
|
|
47
49
|
};
|
|
48
50
|
// Story for 60-80% (Good Job)
|
|
@@ -1 +1 @@
|
|
|
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;
|
|
1
|
+
{"version":3,"file":"PreformanceResultScreen.stories.js","sourceRoot":"","sources":["../../../../src/components/Molecules/PerformanceScreen/PreformanceResultScreen.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { CSSProperties } from
|
|
1
|
+
import { CSSProperties } from "react";
|
|
2
2
|
interface Styles {
|
|
3
3
|
container: CSSProperties;
|
|
4
4
|
card: CSSProperties;
|
|
@@ -7,6 +7,7 @@ interface Styles {
|
|
|
7
7
|
icon: CSSProperties;
|
|
8
8
|
messageBox: CSSProperties;
|
|
9
9
|
messageBoxImprove: CSSProperties;
|
|
10
|
+
messageBoxSatisfactory: CSSProperties;
|
|
10
11
|
messageBoxGood: CSSProperties;
|
|
11
12
|
messageBoxBrilliant: CSSProperties;
|
|
12
13
|
title: CSSProperties;
|
|
@@ -10,23 +10,23 @@ exports.styles = {
|
|
|
10
10
|
},
|
|
11
11
|
card: {
|
|
12
12
|
maxWidth: "678px",
|
|
13
|
-
backgroundColor:
|
|
14
|
-
borderRadius:
|
|
15
|
-
paddingLeft:
|
|
16
|
-
paddingRight:
|
|
17
|
-
paddingBottom:
|
|
13
|
+
backgroundColor: "white",
|
|
14
|
+
borderRadius: "16px",
|
|
15
|
+
paddingLeft: "48px",
|
|
16
|
+
paddingRight: "48px",
|
|
17
|
+
paddingBottom: "48px",
|
|
18
18
|
paddingTop: "130px",
|
|
19
|
-
boxShadow:
|
|
19
|
+
boxShadow: "0 2px 8px rgba(0, 0, 0, 0.1)",
|
|
20
20
|
},
|
|
21
21
|
mobilecard: {
|
|
22
22
|
maxWidth: "678px",
|
|
23
|
-
backgroundColor:
|
|
24
|
-
borderRadius:
|
|
25
|
-
paddingLeft:
|
|
26
|
-
paddingRight:
|
|
27
|
-
paddingBottom:
|
|
23
|
+
backgroundColor: "#FAF9FE",
|
|
24
|
+
borderRadius: "16px",
|
|
25
|
+
paddingLeft: "24px",
|
|
26
|
+
paddingRight: "24px",
|
|
27
|
+
paddingBottom: "20px",
|
|
28
28
|
paddingTop: "40px",
|
|
29
|
-
boxShadow:
|
|
29
|
+
boxShadow: "0 2px 8px rgba(0, 0, 0, 0.1)",
|
|
30
30
|
},
|
|
31
31
|
header: {
|
|
32
32
|
position: "relative",
|
|
@@ -35,47 +35,50 @@ exports.styles = {
|
|
|
35
35
|
alignItems: "center",
|
|
36
36
|
},
|
|
37
37
|
icon: {
|
|
38
|
-
position:
|
|
39
|
-
left:
|
|
40
|
-
bottom:
|
|
41
|
-
maxWidth:
|
|
42
|
-
height:
|
|
43
|
-
paddingBottom:
|
|
38
|
+
position: "absolute",
|
|
39
|
+
left: "12px",
|
|
40
|
+
bottom: "10px",
|
|
41
|
+
maxWidth: "183px",
|
|
42
|
+
height: "auto",
|
|
43
|
+
paddingBottom: "16px",
|
|
44
44
|
zIndex: 2,
|
|
45
45
|
},
|
|
46
46
|
messageBox: {
|
|
47
|
-
paddingLeft:
|
|
48
|
-
borderRadius:
|
|
49
|
-
display:
|
|
50
|
-
flexDirection:
|
|
51
|
-
justifyContent:
|
|
47
|
+
paddingLeft: "180px",
|
|
48
|
+
borderRadius: "12px",
|
|
49
|
+
display: "flex",
|
|
50
|
+
flexDirection: "column",
|
|
51
|
+
justifyContent: "center",
|
|
52
52
|
},
|
|
53
53
|
messageBoxImprove: {
|
|
54
|
-
backgroundColor:
|
|
54
|
+
backgroundColor: "#FFECEA",
|
|
55
|
+
},
|
|
56
|
+
messageBoxSatisfactory: {
|
|
57
|
+
backgroundColor: "#FFF5E6",
|
|
55
58
|
},
|
|
56
59
|
messageBoxGood: {
|
|
57
|
-
backgroundColor:
|
|
60
|
+
backgroundColor: "#F4F2FF",
|
|
58
61
|
},
|
|
59
62
|
messageBoxBrilliant: {
|
|
60
|
-
backgroundColor:
|
|
63
|
+
backgroundColor: "#EDFBED",
|
|
61
64
|
},
|
|
62
65
|
title: {
|
|
63
66
|
paddingLeft: "24px",
|
|
64
67
|
paddingRight: "22px",
|
|
65
68
|
fontFamily: "poppins",
|
|
66
|
-
fontSize:
|
|
67
|
-
fontWeight:
|
|
68
|
-
color:
|
|
69
|
+
fontSize: "18px",
|
|
70
|
+
fontWeight: "700",
|
|
71
|
+
color: "#130159",
|
|
69
72
|
lineHeight: "30px",
|
|
70
73
|
letterSpacing: "2%",
|
|
71
|
-
marginBottom: "4px"
|
|
74
|
+
marginBottom: "4px",
|
|
72
75
|
},
|
|
73
76
|
description: {
|
|
74
77
|
fontFamily: "Poppins, sans-serif",
|
|
75
|
-
fontSize:
|
|
76
|
-
color:
|
|
78
|
+
fontSize: "14px",
|
|
79
|
+
color: "#000000",
|
|
77
80
|
fontWeight: "400",
|
|
78
|
-
lineHeight:
|
|
81
|
+
lineHeight: "22px",
|
|
79
82
|
paddingLeft: "24px",
|
|
80
83
|
paddingRight: "22px",
|
|
81
84
|
paddingBottom: "24px",
|
|
@@ -85,23 +88,23 @@ exports.styles = {
|
|
|
85
88
|
margin: "20px 0",
|
|
86
89
|
},
|
|
87
90
|
timeSection: {
|
|
88
|
-
padding:
|
|
89
|
-
borderRadius:
|
|
90
|
-
marginBottom:
|
|
91
|
-
textAlign:
|
|
91
|
+
padding: "20px",
|
|
92
|
+
borderRadius: "12px",
|
|
93
|
+
marginBottom: "24px",
|
|
94
|
+
textAlign: "center",
|
|
92
95
|
},
|
|
93
96
|
timeHeader: {
|
|
94
|
-
display:
|
|
95
|
-
alignItems:
|
|
96
|
-
justifyContent:
|
|
97
|
-
gap:
|
|
98
|
-
marginBottom:
|
|
97
|
+
display: "flex",
|
|
98
|
+
alignItems: "center",
|
|
99
|
+
justifyContent: "center",
|
|
100
|
+
gap: "3px",
|
|
101
|
+
marginBottom: "8px",
|
|
99
102
|
},
|
|
100
103
|
timeHeader1: {
|
|
101
|
-
display:
|
|
102
|
-
alignItems:
|
|
103
|
-
justifyContent:
|
|
104
|
-
gap:
|
|
104
|
+
display: "flex",
|
|
105
|
+
alignItems: "center",
|
|
106
|
+
justifyContent: "center",
|
|
107
|
+
gap: "3px",
|
|
105
108
|
},
|
|
106
109
|
timeValueNumber: {
|
|
107
110
|
fontFamily: "Poppins, sans-serif",
|
|
@@ -110,9 +113,9 @@ exports.styles = {
|
|
|
110
113
|
lineHeight: "22px",
|
|
111
114
|
},
|
|
112
115
|
timeLabel: {
|
|
113
|
-
fontSize:
|
|
114
|
-
fontWeight:
|
|
115
|
-
color:
|
|
116
|
+
fontSize: "16px",
|
|
117
|
+
fontWeight: "600",
|
|
118
|
+
color: "#000000",
|
|
116
119
|
},
|
|
117
120
|
timeColon: {
|
|
118
121
|
fontWeight: "700",
|
|
@@ -121,47 +124,47 @@ exports.styles = {
|
|
|
121
124
|
},
|
|
122
125
|
timeValueUnit: {
|
|
123
126
|
fontFamily: "Poppins, sans-serif",
|
|
124
|
-
color:
|
|
127
|
+
color: "#000000",
|
|
125
128
|
fontWeight: "400",
|
|
126
129
|
fontSize: "14px",
|
|
127
130
|
lineHeight: "22px",
|
|
128
131
|
},
|
|
129
132
|
timeSubtext: {
|
|
130
|
-
fontSize:
|
|
133
|
+
fontSize: "12px",
|
|
131
134
|
fontWeight: "400",
|
|
132
135
|
lineHeight: "22px",
|
|
133
|
-
color:
|
|
136
|
+
color: "#000000",
|
|
134
137
|
},
|
|
135
138
|
buttonContainer: {
|
|
136
|
-
display:
|
|
139
|
+
display: "flex",
|
|
137
140
|
justifyContent: "center",
|
|
138
|
-
gap: "10px"
|
|
141
|
+
gap: "10px",
|
|
139
142
|
},
|
|
140
143
|
button: {
|
|
141
144
|
flex: 1,
|
|
142
145
|
paddingTop: "10px",
|
|
143
146
|
paddingBottom: "10px",
|
|
144
147
|
// padding: '10px 24px',
|
|
145
|
-
borderRadius:
|
|
146
|
-
fontWeight:
|
|
147
|
-
fontSize:
|
|
148
|
+
borderRadius: "8px",
|
|
149
|
+
fontWeight: "400",
|
|
150
|
+
fontSize: "14px",
|
|
148
151
|
fontFamily: "Poppins, sans-serif",
|
|
149
|
-
border:
|
|
150
|
-
cursor:
|
|
151
|
-
transition:
|
|
152
|
+
border: "none",
|
|
153
|
+
cursor: "pointer",
|
|
154
|
+
transition: "all 0.2s",
|
|
152
155
|
},
|
|
153
156
|
buttonSecondary: {
|
|
154
|
-
backgroundColor:
|
|
155
|
-
color:
|
|
156
|
-
border:
|
|
157
|
+
backgroundColor: "white",
|
|
158
|
+
color: "#5F4DC7",
|
|
159
|
+
border: "1px solid #5F4DC7",
|
|
157
160
|
},
|
|
158
161
|
buttonPrimary: {
|
|
159
|
-
backgroundColor:
|
|
160
|
-
color:
|
|
162
|
+
backgroundColor: "#5F4DC7",
|
|
163
|
+
color: "white",
|
|
161
164
|
},
|
|
162
165
|
clockIcon: {
|
|
163
|
-
width:
|
|
164
|
-
height:
|
|
165
|
-
}
|
|
166
|
+
width: "20px",
|
|
167
|
+
height: "20px",
|
|
168
|
+
},
|
|
166
169
|
};
|
|
167
170
|
//# sourceMappingURL=QuizResult.styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"QuizResult.styles.js","sourceRoot":"","sources":["../../../../src/components/Molecules/PerformanceScreen/QuizResult.styles.ts"],"names":[],"mappings":";;;
|
|
1
|
+
{"version":3,"file":"QuizResult.styles.js","sourceRoot":"","sources":["../../../../src/components/Molecules/PerformanceScreen/QuizResult.styles.ts"],"names":[],"mappings":"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"}
|