@appcorp/kismaa-web-ui 0.1.69 → 0.1.71
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.
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { PSYCHIC_ONLINE_STATUS } from '@appcorp/kismaa-utils';
|
|
2
2
|
export interface UserCardProps {
|
|
3
|
-
onlineStatus: PSYCHIC_ONLINE_STATUS;
|
|
4
|
-
imageSrc: string;
|
|
5
3
|
imageAlt: string;
|
|
4
|
+
imageSrc: string;
|
|
6
5
|
name: string;
|
|
6
|
+
onlineStatus: PSYCHIC_ONLINE_STATUS;
|
|
7
7
|
badges: {
|
|
8
8
|
label: string;
|
|
9
9
|
}[];
|
|
@@ -12,11 +12,12 @@ export interface UserCardProps {
|
|
|
12
12
|
current: number;
|
|
13
13
|
duration: number;
|
|
14
14
|
};
|
|
15
|
-
originalPrice: number;
|
|
16
|
-
handleButtonClick: (id: string) => void;
|
|
17
15
|
description?: string;
|
|
18
|
-
|
|
19
|
-
setIsHovered: (b: boolean) => void;
|
|
16
|
+
handleButtonClick: (id: string) => void;
|
|
20
17
|
handleCardClick: (id: string) => void;
|
|
21
18
|
id: string;
|
|
19
|
+
isHovered: boolean;
|
|
20
|
+
originalPrice: number;
|
|
21
|
+
setIsHovered: (b: boolean) => void;
|
|
22
|
+
username: string;
|
|
22
23
|
}
|
|
@@ -14,11 +14,14 @@ var type_1 = require("../badge/type");
|
|
|
14
14
|
var ratings_1 = require("../ratings");
|
|
15
15
|
var image_1 = __importDefault(require("next/image"));
|
|
16
16
|
var kismaa_utils_1 = require("@appcorp/kismaa-utils");
|
|
17
|
+
var util_functions_1 = require("@react-pakistan/util-functions");
|
|
17
18
|
var UserCard = function (_a) {
|
|
18
|
-
var badges = _a.badges, description = _a.description, handleButtonClick = _a.handleButtonClick, handleCardClick = _a.handleCardClick, id = _a.id, imageAlt = _a.imageAlt, imageSrc = _a.imageSrc, isHovered = _a.isHovered, name = _a.name, onlineStatus = _a.onlineStatus, originalPrice = _a.originalPrice, price = _a.price, rating = _a.rating, setIsHovered = _a.setIsHovered;
|
|
19
|
-
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 () {
|
|
19
|
+
var badges = _a.badges, description = _a.description, handleButtonClick = _a.handleButtonClick, handleCardClick = _a.handleCardClick, id = _a.id, imageAlt = _a.imageAlt, imageSrc = _a.imageSrc, isHovered = _a.isHovered, name = _a.name, onlineStatus = _a.onlineStatus, originalPrice = _a.originalPrice, 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 () {
|
|
21
|
+
return handleCardClick("".concat(id).concat(util_functions_1.VALUE_DELIMITER.COLON).concat(username));
|
|
22
|
+
} },
|
|
20
23
|
react_1.default.createElement("div", { className: "relative overflow-hidden rounded-xl" },
|
|
21
|
-
react_1.default.createElement("div", { className: "absolute
|
|
24
|
+
react_1.default.createElement("div", { className: "absolute top-4 right-4 z-10" },
|
|
22
25
|
react_1.default.createElement(active_icon_1.ActiveIcon, { onlineStatus: onlineStatus })),
|
|
23
26
|
react_1.default.createElement("div", { className: "" },
|
|
24
27
|
react_1.default.createElement("div", { className: "relative pb-[76%]" },
|
|
@@ -34,6 +34,7 @@ exports.userCardGridData = [
|
|
|
34
34
|
isHovered: false,
|
|
35
35
|
setIsHovered: function () { return void 0; },
|
|
36
36
|
handleCardClick: function () { return void 0; },
|
|
37
|
+
username: 'Psychic222000',
|
|
37
38
|
},
|
|
38
39
|
{
|
|
39
40
|
id: '2',
|
|
@@ -57,6 +58,7 @@ exports.userCardGridData = [
|
|
|
57
58
|
isHovered: false,
|
|
58
59
|
setIsHovered: function () { return void 0; },
|
|
59
60
|
handleCardClick: function () { return void 0; },
|
|
61
|
+
username: 'Psychic222020',
|
|
60
62
|
},
|
|
61
63
|
{
|
|
62
64
|
id: '3',
|
|
@@ -80,6 +82,7 @@ exports.userCardGridData = [
|
|
|
80
82
|
isHovered: false,
|
|
81
83
|
setIsHovered: function () { return void 0; },
|
|
82
84
|
handleCardClick: function () { return void 0; },
|
|
85
|
+
username: 'Psychic222002',
|
|
83
86
|
},
|
|
84
87
|
{
|
|
85
88
|
id: '4',
|
|
@@ -102,6 +105,7 @@ exports.userCardGridData = [
|
|
|
102
105
|
isHovered: false,
|
|
103
106
|
setIsHovered: function () { return void 0; },
|
|
104
107
|
handleCardClick: function () { return void 0; },
|
|
108
|
+
username: 'Psychic2220012',
|
|
105
109
|
},
|
|
106
110
|
{
|
|
107
111
|
id: '5',
|
|
@@ -124,6 +128,7 @@ exports.userCardGridData = [
|
|
|
124
128
|
isHovered: false,
|
|
125
129
|
setIsHovered: function () { return void 0; },
|
|
126
130
|
handleCardClick: function () { return void 0; },
|
|
131
|
+
username: 'Psychic222004',
|
|
127
132
|
},
|
|
128
133
|
{
|
|
129
134
|
id: '6',
|
|
@@ -147,6 +152,7 @@ exports.userCardGridData = [
|
|
|
147
152
|
isHovered: false,
|
|
148
153
|
setIsHovered: function () { return void 0; },
|
|
149
154
|
handleCardClick: function () { return void 0; },
|
|
155
|
+
username: 'Psychic222300',
|
|
150
156
|
},
|
|
151
157
|
{
|
|
152
158
|
id: '7',
|
|
@@ -170,6 +176,7 @@ exports.userCardGridData = [
|
|
|
170
176
|
isHovered: false,
|
|
171
177
|
setIsHovered: function () { return void 0; },
|
|
172
178
|
handleCardClick: function () { return void 0; },
|
|
179
|
+
username: 'Psychic222023',
|
|
173
180
|
},
|
|
174
181
|
{
|
|
175
182
|
id: '8',
|
|
@@ -193,6 +200,7 @@ exports.userCardGridData = [
|
|
|
193
200
|
isHovered: false,
|
|
194
201
|
setIsHovered: function () { return void 0; },
|
|
195
202
|
handleCardClick: function () { return void 0; },
|
|
203
|
+
username: 'Psychic2220330',
|
|
196
204
|
},
|
|
197
205
|
{
|
|
198
206
|
id: '9',
|
|
@@ -216,6 +224,7 @@ exports.userCardGridData = [
|
|
|
216
224
|
isHovered: false,
|
|
217
225
|
setIsHovered: function () { return void 0; },
|
|
218
226
|
handleCardClick: function () { return void 0; },
|
|
227
|
+
username: 'Psychic222040',
|
|
219
228
|
},
|
|
220
229
|
{
|
|
221
230
|
id: '10',
|
|
@@ -239,6 +248,7 @@ exports.userCardGridData = [
|
|
|
239
248
|
isHovered: false,
|
|
240
249
|
setIsHovered: function () { return void 0; },
|
|
241
250
|
handleCardClick: function () { return void 0; },
|
|
251
|
+
username: 'Psychic222050',
|
|
242
252
|
},
|
|
243
253
|
];
|
|
244
254
|
exports.userGridData = {
|