performanceresultscreens 0.0.32 → 0.0.33
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/PreformanceResultScreenSkeleton.d.ts +2 -2
- package/dist/components/Molecules/PerformanceScreen/PreformanceResultScreenSkeleton.js +2 -15
- package/dist/components/Molecules/PerformanceScreen/PreformanceResultScreenSkeleton.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
interface
|
|
2
|
+
interface Props {
|
|
3
3
|
isMobile?: boolean;
|
|
4
4
|
}
|
|
5
|
-
declare const PreformanceResultScreenSkeleton: React.FC<
|
|
5
|
+
declare const PreformanceResultScreenSkeleton: React.FC<Props>;
|
|
6
6
|
export default PreformanceResultScreenSkeleton;
|
|
@@ -3,21 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
4
4
|
const react_1 = require("@chakra-ui/react");
|
|
5
5
|
const QuizResult_styles_1 = require("./QuizResult.styles");
|
|
6
|
-
const PreformanceResultScreenSkeleton = ({ isMobile = false }) => {
|
|
7
|
-
return ((0, jsx_runtime_1.jsx)(react_1.ChakraProvider, { children: (0, jsx_runtime_1.jsx)(react_1.Box, { sx: QuizResult_styles_1.styles.container, children: (0, jsx_runtime_1.jsx)(react_1.Box, { sx: {
|
|
8
|
-
...(isMobile && { background: "white", padding: "12px" }),
|
|
9
|
-
}, children: (0, jsx_runtime_1.jsxs)(react_1.Box, { sx: isMobile ? QuizResult_styles_1.styles.mobilecard : QuizResult_styles_1.styles.card, children: [(0, jsx_runtime_1.jsxs)(react_1.Box, { sx: {
|
|
10
|
-
...QuizResult_styles_1.styles.header,
|
|
11
|
-
flexDirection: isMobile ? "column" : "row",
|
|
12
|
-
alignItems: isMobile ? "flex-start" : "center",
|
|
13
|
-
position: "relative",
|
|
14
|
-
}, children: [(0, jsx_runtime_1.jsx)(react_1.Box, { bg: "#DFDAFE", borderTopLeftRadius: "100px", borderTopRightRadius: "100px", borderBottomLeftRadius: "100px", overflow: "hidden", width: isMobile ? "120px" : "183px", height: isMobile ? "120px" : "183px", position: isMobile ? "static" : "absolute", marginBottom: isMobile ? "16px" : "70px", display: "flex", alignItems: "center", justifyContent: "center", children: (0, jsx_runtime_1.jsx)(react_1.SkeletonCircle, { size: isMobile ? "100px" : "160px" }) }), (0, jsx_runtime_1.jsxs)(react_1.Box, { sx: {
|
|
15
|
-
...QuizResult_styles_1.styles.messageBox,
|
|
16
|
-
...(isMobile && {
|
|
17
|
-
backgroundColor: "transparent",
|
|
18
|
-
padding: "0",
|
|
19
|
-
}),
|
|
20
|
-
}, children: [(0, jsx_runtime_1.jsx)(react_1.Skeleton, { height: "24px", width: "160px", mb: "8px" }), (0, jsx_runtime_1.jsx)(react_1.SkeletonText, { noOfLines: 2, spacing: "3", skeletonHeight: "14px" })] })] }), (0, jsx_runtime_1.jsx)(react_1.Box, { sx: QuizResult_styles_1.styles.separator, children: (0, jsx_runtime_1.jsx)(react_1.Skeleton, { height: "1px" }) }), (0, jsx_runtime_1.jsxs)(react_1.Box, { sx: QuizResult_styles_1.styles.buttonContainer, children: [(0, jsx_runtime_1.jsx)(react_1.Skeleton, { height: "44px", borderRadius: "8px", width: "100%" }), (0, jsx_runtime_1.jsx)(react_1.Skeleton, { height: "44px", borderRadius: "8px", width: "100%" })] })] }) }) }) }));
|
|
6
|
+
const PreformanceResultScreenSkeleton = ({ isMobile = false, }) => {
|
|
7
|
+
return ((0, jsx_runtime_1.jsx)(react_1.ChakraProvider, { children: (0, jsx_runtime_1.jsx)(react_1.Box, { sx: QuizResult_styles_1.styles.container, children: (0, jsx_runtime_1.jsxs)(react_1.Box, { sx: isMobile ? QuizResult_styles_1.styles.mobilecard : QuizResult_styles_1.styles.card, children: [(0, jsx_runtime_1.jsxs)(react_1.Box, { sx: QuizResult_styles_1.styles.header, children: [(0, jsx_runtime_1.jsx)(react_1.Box, { position: "absolute", left: "12px", bottom: "1px", width: isMobile ? "120px" : "183px", height: isMobile ? "120px" : "183px", bg: "#DFDAFE", borderTopLeftRadius: "100px", borderTopRightRadius: "100px", borderBottomLeftRadius: "100px", display: "flex", alignItems: "center", justifyContent: "center", zIndex: 2, children: (0, jsx_runtime_1.jsx)(react_1.Skeleton, { width: "90px", height: "90px", borderRadius: "50%" }) }), (0, jsx_runtime_1.jsxs)(react_1.Box, { sx: QuizResult_styles_1.styles.messageBox, children: [(0, jsx_runtime_1.jsx)(react_1.Skeleton, { height: "22px", width: "160px", mb: "6px", ml: "24px" }), (0, jsx_runtime_1.jsx)(react_1.SkeletonText, { noOfLines: 2, spacing: "3", skeletonHeight: "14px", ml: "24px", mr: "22px", mb: "24px" })] })] }), (0, jsx_runtime_1.jsx)(react_1.Box, { sx: QuizResult_styles_1.styles.separator }), (0, jsx_runtime_1.jsxs)(react_1.Box, { sx: QuizResult_styles_1.styles.buttonContainer, children: [(0, jsx_runtime_1.jsx)(react_1.Skeleton, { height: "40px", borderRadius: "8px", flex: "1" }), (0, jsx_runtime_1.jsx)(react_1.Skeleton, { height: "40px", borderRadius: "8px", flex: "1" })] })] }) }) }));
|
|
21
8
|
};
|
|
22
9
|
exports.default = PreformanceResultScreenSkeleton;
|
|
23
10
|
//# sourceMappingURL=PreformanceResultScreenSkeleton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PreformanceResultScreenSkeleton.js","sourceRoot":"","sources":["../../../../src/components/Molecules/PerformanceScreen/PreformanceResultScreenSkeleton.tsx"],"names":[],"mappings":";;;AACA,
|
|
1
|
+
{"version":3,"file":"PreformanceResultScreenSkeleton.js","sourceRoot":"","sources":["../../../../src/components/Molecules/PerformanceScreen/PreformanceResultScreenSkeleton.tsx"],"names":[],"mappings":";;;AACA,4CAA+E;AAC/E,2DAA6C;AAM7C,MAAM,+BAA+B,GAAoB,CAAC,EACxD,QAAQ,GAAG,KAAK,GACjB,EAAE,EAAE;IACH,OAAO,CACL,uBAAC,sBAAc,cACX,uBAAC,WAAG,IAAC,EAAE,EAAE,0BAAM,CAAC,SAAS,YAC3B,wBAAC,WAAG,IAAC,EAAE,EAAE,QAAQ,CAAC,CAAC,CAAC,0BAAM,CAAC,UAAU,CAAC,CAAC,CAAC,0BAAM,CAAC,IAAI,aAEjD,wBAAC,WAAG,IAAC,EAAE,EAAE,0BAAM,CAAC,MAAM,aAEpB,uBAAC,WAAG,IACZ,QAAQ,EAAC,UAAU,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,KAAK,EACZ,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,EACnC,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,EACpC,EAAE,EAAC,SAAS,EACZ,mBAAmB,EAAC,OAAO,EAC3B,oBAAoB,EAAC,OAAO,EAC5B,sBAAsB,EAAC,OAAO,EAC9B,OAAO,EAAC,MAAM,EACd,UAAU,EAAC,QAAQ,EACnB,cAAc,EAAC,QAAQ,EACvB,MAAM,EAAE,CAAC,YAET,uBAAC,gBAAQ,IACP,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM,EACb,YAAY,EAAC,KAAK,GAClB,GACE,EAII,wBAAC,WAAG,IAAC,EAAE,EAAE,0BAAM,CAAC,UAAU,aAExB,uBAAC,gBAAQ,IACP,MAAM,EAAC,MAAM,EACb,KAAK,EAAC,OAAO,EACb,EAAE,EAAC,KAAK,EACR,EAAE,EAAC,MAAM,GACT,EAGF,uBAAC,oBAAY,IACX,SAAS,EAAE,CAAC,EACZ,OAAO,EAAC,GAAG,EACX,cAAc,EAAC,MAAM,EACrB,EAAE,EAAC,MAAM,EACT,EAAE,EAAC,MAAM,EACT,EAAE,EAAC,MAAM,GACT,IACE,IACF,EAGN,uBAAC,WAAG,IAAC,EAAE,EAAE,0BAAM,CAAC,SAAS,GAAI,EAG7B,wBAAC,WAAG,IAAC,EAAE,EAAE,0BAAM,CAAC,eAAe,aAE7B,uBAAC,gBAAQ,IACP,MAAM,EAAC,MAAM,EACb,YAAY,EAAC,KAAK,EAClB,IAAI,EAAC,GAAG,GACR,EAGF,uBAAC,gBAAQ,IACP,MAAM,EAAC,MAAM,EACb,YAAY,EAAC,KAAK,EAClB,IAAI,EAAC,GAAG,GACR,IACE,IACF,GACF,GACW,CAElB,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,+BAA+B,CAAC"}
|