@appcorp/kismaa-web-ui 0.2.58 → 0.2.60

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.
@@ -14,6 +14,6 @@ var statusColorMap = (_a = {},
14
14
  _a);
15
15
  var ActiveIcon = function (_a) {
16
16
  var onlineStatus = _a.onlineStatus;
17
- return (react_1.default.createElement("div", { className: "w-fit rounded-full border-2 border-white p-1.5 shadow-[0px_0px_5px_2px_#00000080] lg:p-2 ".concat(statusColorMap[onlineStatus]) }));
17
+ return (react_1.default.createElement("div", { className: "w-fit rounded-full border-2 border-white p-1.5 shadow-[0px_0px_5px_2px_#00000080] ".concat(statusColorMap[onlineStatus]) }));
18
18
  };
19
19
  exports.ActiveIcon = ActiveIcon;
@@ -19,7 +19,7 @@ export interface UserCardProps {
19
19
  id: string;
20
20
  isHovered: boolean;
21
21
  originalPrice: number;
22
- setIsHovered: (b: boolean) => void;
22
+ setIsHovered: () => void;
23
23
  username: string;
24
24
  isFavorite: boolean;
25
25
  loggedInUser: LoggedInUser | null;
@@ -17,12 +17,12 @@ var ratings_1 = require("../ratings");
17
17
  var solid_1 = require("@heroicons/react/24/solid");
18
18
  var UserCard = function (_a) {
19
19
  var badges = _a.badges, description = _a.description, handleButtonClick = _a.handleButtonClick, handleCardClick = _a.handleCardClick, handleIsFavorite = _a.handleIsFavorite, id = _a.id, imageAlt = _a.imageAlt, imageSrc = _a.imageSrc, isFavorite = _a.isFavorite, isHovered = _a.isHovered, loggedInUser = _a.loggedInUser, name = _a.name, onlineStatus = _a.onlineStatus, price = _a.price, rating = _a.rating, setIsHovered = _a.setIsHovered, username = _a.username;
20
- return (react_1.default.createElement("div", { className: "w-full overflow-hidden rounded-xl shadow-[0px_5px_16px_0px_#0000001A] hover:cursor-pointer lg:max-w-[415px]", onMouseEnter: function () { return setIsHovered(true); }, onMouseLeave: function () { return setIsHovered(false); }, onClick: function (e) {
20
+ return (react_1.default.createElement("div", { className: "w-full overflow-hidden rounded-xl shadow-[0px_5px_16px_0px_#0000001A] hover:cursor-pointer lg:max-w-[415px]", onClick: function (e) {
21
21
  e.stopPropagation();
22
22
  handleCardClick(username);
23
23
  } },
24
- react_1.default.createElement("div", { className: "relative overflow-hidden rounded-xl" },
25
- react_1.default.createElement("div", { className: "absolute top-4 right-4 z-10" },
24
+ react_1.default.createElement("div", { className: "relative overflow-hidden rounded-xl", onMouseEnter: setIsHovered, onMouseLeave: setIsHovered },
25
+ react_1.default.createElement("div", { className: "absolute top-2 right-2 z-10" },
26
26
  react_1.default.createElement(active_icon_1.ActiveIcon, { onlineStatus: onlineStatus })),
27
27
  react_1.default.createElement("div", { className: "" },
28
28
  react_1.default.createElement("div", { className: "relative h-64 w-full" },
@@ -56,7 +56,7 @@ var UserCard = function (_a) {
56
56
  price.duration,
57
57
  "min")),
58
58
  (loggedInUser === null || loggedInUser === void 0 ? void 0 : loggedInUser.userType) &&
59
- loggedInUser.userType == kismaa_utils_1.USER_TYPE.USER && (react_1.default.createElement("div", { className: "absolute right-4 bottom-4 z-10 cursor-pointer" }, isFavorite ? (react_1.default.createElement("div", { onClick: function (e) {
59
+ loggedInUser.userType == kismaa_utils_1.USER_TYPE.USER && (react_1.default.createElement("div", { className: "absolute right-2 bottom-2 z-10 cursor-pointer" }, isFavorite ? (react_1.default.createElement("div", { onClick: function (e) {
60
60
  e.stopPropagation();
61
61
  handleIsFavorite(id);
62
62
  } },
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@appcorp/kismaa-web-ui",
3
- "version": "0.2.58",
3
+ "version": "0.2.60",
4
4
  "source": "src/index.ts",
5
5
  "main": "lib/main.js",
6
6
  "module": "lib/module.js",