@appcorp/kismaa-web-ui 0.2.79 → 0.2.80

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.
@@ -21,13 +21,16 @@ var ReviewSection = function (_a) {
21
21
  react_1.default.createElement("div", { className: "lg:col-span-4" },
22
22
  react_1.default.createElement("h2", { className: "text-2xl font-bold tracking-tight text-gray-900" }, "Customer Reviews"),
23
23
  react_1.default.createElement("div", { className: "mt-3 flex items-center" },
24
- react_1.default.createElement("div", null,
24
+ react_1.default.createElement("div", { className: "flex flex-row" },
25
25
  react_1.default.createElement("div", { className: "flex items-center" }, [0, 1, 2, 3, 4].map(function (rating) { return (react_1.default.createElement(solid_1.StarIcon, { key: rating, "aria-hidden": "true", className: classNames(average > rating ? 'text-yellow-400' : 'text-gray-300', 'size-5 shrink-0') })); })),
26
+ react_1.default.createElement("p", { className: "ml-2 text-sm text-gray-900" },
27
+ average,
28
+ " out of 5 stars,"),
26
29
  react_1.default.createElement("p", { className: "sr-only" },
27
30
  average,
28
31
  " out of 5 stars")),
29
32
  react_1.default.createElement("p", { className: "ml-2 text-sm text-gray-900" },
30
- "Based on ",
33
+ "based on ",
31
34
  totalCount,
32
35
  " reviews")),
33
36
  react_1.default.createElement("div", { className: "mt-6" },
@@ -46,11 +49,7 @@ var ReviewSection = function (_a) {
46
49
  }, className: "absolute inset-y-0 rounded-full border border-yellow-400 bg-yellow-400" })) : null))),
47
50
  react_1.default.createElement("dd", { className: "ml-3 w-10 text-right text-sm text-gray-900 tabular-nums" },
48
51
  Math.round((count.count / totalCount) * 100),
49
- "%"))); }))),
50
- react_1.default.createElement("div", { className: "mt-10" },
51
- react_1.default.createElement("h3", { className: "text-lg font-medium text-gray-900" }, "Share your thoughts"),
52
- react_1.default.createElement("p", { className: "mt-1 text-sm text-gray-600" }, "If you\u2019ve used this product, share your thoughts with other customers"),
53
- react_1.default.createElement("a", { href: "#", className: "mt-6 inline-flex w-full items-center justify-center rounded-md border border-gray-300 bg-white px-8 py-2 text-sm font-medium text-gray-900 hover:bg-gray-50 sm:w-auto lg:w-full" }, "Write a review"))),
52
+ "%"))); })))),
54
53
  react_1.default.createElement("div", { className: "mt-16 lg:col-span-7 lg:col-start-6 lg:mt-0" },
55
54
  react_1.default.createElement("h3", { className: "sr-only" }, "Recent reviews"),
56
55
  react_1.default.createElement("div", null,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@appcorp/kismaa-web-ui",
3
- "version": "0.2.79",
3
+ "version": "0.2.80",
4
4
  "source": "src/index.ts",
5
5
  "main": "lib/main.js",
6
6
  "module": "lib/module.js",
@@ -19,12 +19,15 @@ var user_details_1 = require("../../organisms/user-details/user-details");
19
19
  var organisms_1 = require("../../organisms");
20
20
  var react_1 = __importDefault(require("react"));
21
21
  var disclaimer_1 = require("../../molecules/disclaimer/disclaimer");
22
+ var review_section_1 = require("../../organisms/review-section");
23
+ var props_1 = require("../../organisms/review-section/props");
22
24
  var UserDetailPage = function (_a) {
23
25
  var advisorSection = _a.advisorSection, banner = _a.banner, ctaBanner = _a.ctaBanner, footer = _a.footer, getAppBanner = _a.getAppBanner, navbar = _a.navbar, userDetails = _a.userDetails;
24
26
  return (react_1.default.createElement(react_1.default.Fragment, null,
25
27
  react_1.default.createElement(organisms_1.Navbar, __assign({}, navbar)),
26
28
  react_1.default.createElement(organisms_1.Banner, __assign({}, banner)),
27
29
  react_1.default.createElement(user_details_1.UserDetails, __assign({}, userDetails)),
30
+ react_1.default.createElement(review_section_1.ReviewSection, __assign({}, props_1.reviewSectionData)),
28
31
  react_1.default.createElement(organisms_1.AdvisorsSection, __assign({}, advisorSection)),
29
32
  react_1.default.createElement(organisms_1.GetAppBanner, __assign({}, getAppBanner)),
30
33
  react_1.default.createElement(organisms_1.CtaBanner, __assign({}, ctaBanner)),