@appcorp/kismaa-web-ui 0.1.37 → 0.1.39
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/molecules/ratings/ratings.js +2 -2
- package/molecules/ratings/type.d.ts +1 -0
- package/organisms/customer-reviews/customer-reviews.js +2 -2
- package/organisms/review-card/props.js +0 -1
- package/organisms/review-card/review-card.js +12 -19
- package/organisms/review-card/type.d.ts +0 -1
- package/package.json +1 -1
|
@@ -17,7 +17,7 @@ var react_1 = __importDefault(require("react"));
|
|
|
17
17
|
var rating_star_1 = require("../../atoms/rating-star");
|
|
18
18
|
var typography_1 = require("../typography");
|
|
19
19
|
var Ratings = function (_a) {
|
|
20
|
-
var rating = _a.rating, _b = _a.renderFraction, renderFraction = _b === void 0 ? true : _b, _c = _a.starsSize, starsSize = _c === void 0 ? 'size-4' : _c;
|
|
20
|
+
var rating = _a.rating, _b = _a.renderFraction, renderFraction = _b === void 0 ? true : _b, _c = _a.starsSize, starsSize = _c === void 0 ? 'size-4' : _c, _d = _a.isActive, isActive = _d === void 0 ? false : _d;
|
|
21
21
|
var totalStars = 5;
|
|
22
22
|
var fullStars = Math.floor(rating);
|
|
23
23
|
var decimalPart = rating % 1;
|
|
@@ -37,7 +37,7 @@ var Ratings = function (_a) {
|
|
|
37
37
|
react_1.default.createElement(typography_1.Typography, { variant: typography_1.TYPOGRAPHY_VARIANTS.P3 },
|
|
38
38
|
rating,
|
|
39
39
|
"/")),
|
|
40
|
-
react_1.default.createElement("div", { className:
|
|
40
|
+
react_1.default.createElement("div", { className: isActive ? 'text-white' : 'text-gray-500' },
|
|
41
41
|
react_1.default.createElement(typography_1.Typography, { variant: typography_1.TYPOGRAPHY_VARIANTS.P3 }, totalStars))))));
|
|
42
42
|
};
|
|
43
43
|
exports.Ratings = Ratings;
|
|
@@ -44,9 +44,9 @@ var CustomerReviews = function (_a) {
|
|
|
44
44
|
return (react_1.default.createElement(review_card_1.ReviewCard, __assign({ isActive: isActive }, review)));
|
|
45
45
|
})); })),
|
|
46
46
|
react_1.default.createElement("div", { className: "mt-8 flex justify-center gap-5" },
|
|
47
|
-
react_1.default.createElement("button", { className: "rounded-
|
|
47
|
+
react_1.default.createElement("button", { className: "rounded-lg bg-purple-400/75 p-5 text-white transition-all duration-300 ease-in-out hover:scale-105", onClick: handleNextClick },
|
|
48
48
|
react_1.default.createElement(arrow_left_icon_1.ArrowLeftIcon, { className: "h-4 w-4", fill: "white" })),
|
|
49
|
-
react_1.default.createElement("button", { className: "rounded-
|
|
49
|
+
react_1.default.createElement("button", { className: "rounded-lg bg-purple-400/75 p-5 text-white transition-all duration-300 ease-in-out hover:scale-105", onClick: handlePreviousClick },
|
|
50
50
|
react_1.default.createElement(arrow_right_icon_1.ArrowRightIcon, { className: "h-4 w-4", fill: "white" })))))));
|
|
51
51
|
};
|
|
52
52
|
exports.CustomerReviews = CustomerReviews;
|
|
@@ -6,32 +6,25 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
6
6
|
exports.ReviewCard = void 0;
|
|
7
7
|
var react_1 = __importDefault(require("react"));
|
|
8
8
|
var quote_icon_1 = require("../../atoms/quote-icon");
|
|
9
|
-
var triangle_icon_1 = require("../../atoms/triangle-icon");
|
|
10
9
|
var molecules_1 = require("../../molecules");
|
|
11
10
|
var ratings_1 = require("../../molecules/ratings/ratings");
|
|
12
11
|
var image_1 = __importDefault(require("next/image"));
|
|
13
12
|
var util_functions_1 = require("@react-pakistan/util-functions");
|
|
14
13
|
var ReviewCard = function (_a) {
|
|
15
|
-
var _b = _a.isActive, isActive = _b === void 0 ? false : _b, quote = _a.quote, personImage = _a.personImage, name = _a.name,
|
|
14
|
+
var _b = _a.isActive, isActive = _b === void 0 ? false : _b, quote = _a.quote, personImage = _a.personImage, name = _a.name, rating = _a.rating, isTrustPilot = _a.isTrustPilot, _c = _a.quoteIconFill, quoteIconFill = _c === void 0 ? '#B689E5' : _c;
|
|
16
15
|
return (react_1.default.createElement("div", null,
|
|
17
|
-
react_1.default.createElement("div", { className: "relative min-h-60 w-full rounded-
|
|
16
|
+
react_1.default.createElement("div", { className: "relative min-h-60 w-full rounded-lg p-10 ".concat(isActive
|
|
18
17
|
? 'bg-purple-400/75 text-white'
|
|
19
18
|
: 'bg-[#E7DEF1] text-slate-800/95') },
|
|
20
|
-
react_1.default.createElement(
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
react_1.default.createElement("div", { className: "mt-1 text-purple-400/75" },
|
|
31
|
-
react_1.default.createElement(molecules_1.Typography, { variant: molecules_1.TYPOGRAPHY_VARIANTS.SUBH4 }, role)),
|
|
32
|
-
react_1.default.createElement("div", { className: "my-3" },
|
|
33
|
-
react_1.default.createElement(ratings_1.Ratings, { rating: rating })),
|
|
34
|
-
isTrustPilot && (react_1.default.createElement("div", null,
|
|
35
|
-
react_1.default.createElement(image_1.default, { src: "https://ytiwekjzaihrkrirjgpk.supabase.co/storage/v1/object/public/publicBlob/assets/trust-pilot.svg", alt: "Company logo", width: 100, height: 25 })))))));
|
|
19
|
+
react_1.default.createElement("div", { className: "grid grid-cols-2" },
|
|
20
|
+
react_1.default.createElement(quote_icon_1.QuoteIcon, { fill: isActive ? '#FFF' : quoteIconFill, className: "size-10" }),
|
|
21
|
+
react_1.default.createElement("div", { className: "flex flex-row-reverse gap-2" },
|
|
22
|
+
isTrustPilot && (react_1.default.createElement(image_1.default, { src: "https://ytiwekjzaihrkrirjgpk.supabase.co/storage/v1/object/public/publicBlob/assets/trust-pilot.svg", alt: "Trustpilot logo", width: 50, height: 50 })),
|
|
23
|
+
react_1.default.createElement("div", { className: "flex flex-col items-end" },
|
|
24
|
+
react_1.default.createElement("div", { className: "font-secondary" },
|
|
25
|
+
react_1.default.createElement(molecules_1.Typography, { variant: molecules_1.TYPOGRAPHY_VARIANTS.H5 }, (0, util_functions_1.truncateText)(name, 10))),
|
|
26
|
+
react_1.default.createElement("div", { className: "" },
|
|
27
|
+
react_1.default.createElement(ratings_1.Ratings, { rating: rating, isActive: isActive }))))),
|
|
28
|
+
react_1.default.createElement("div", { className: "mt-6" }, (0, util_functions_1.truncateText)(quote, 150)))));
|
|
36
29
|
};
|
|
37
30
|
exports.ReviewCard = ReviewCard;
|