livevegas-ui-kit 1.0.101 → 1.0.103
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.
|
@@ -6373,13 +6373,12 @@ const Xo = ({ tournamentData: e }) => {
|
|
|
6373
6373
|
`, o2 = f.input`
|
|
6374
6374
|
padding-left: 8px;
|
|
6375
6375
|
padding-right: 12px;
|
|
6376
|
-
max-width:
|
|
6377
|
-
min-width:
|
|
6376
|
+
max-width: 100%;
|
|
6377
|
+
min-width: 100%;
|
|
6378
6378
|
height: 100%;
|
|
6379
6379
|
border-radius: 8px;
|
|
6380
6380
|
background: #111111cc;
|
|
6381
6381
|
border: 1px solid;
|
|
6382
|
-
backdrop-filter: blur(100px);
|
|
6383
6382
|
color: #ffffff;
|
|
6384
6383
|
font-family: Inter;
|
|
6385
6384
|
font-weight: 500;
|
|
@@ -6458,7 +6457,7 @@ const Xo = ({ tournamentData: e }) => {
|
|
|
6458
6457
|
padding-left: 8px;
|
|
6459
6458
|
padding-right: 12px;
|
|
6460
6459
|
max-width: 100%;
|
|
6461
|
-
min-width:
|
|
6460
|
+
min-width: 100%;
|
|
6462
6461
|
height: 100%;
|
|
6463
6462
|
border-radius: 8px;
|
|
6464
6463
|
background: #111111cc;
|
|
@@ -6529,24 +6528,20 @@ const Xo = ({ tournamentData: e }) => {
|
|
|
6529
6528
|
}
|
|
6530
6529
|
|
|
6531
6530
|
@keyframes slidein {
|
|
6532
|
-
|
|
6531
|
+
0% {
|
|
6533
6532
|
opacity: 1;
|
|
6534
6533
|
}
|
|
6535
|
-
|
|
6536
|
-
to {
|
|
6534
|
+
100% {
|
|
6537
6535
|
opacity: 0;
|
|
6538
6536
|
}
|
|
6539
6537
|
}
|
|
6540
6538
|
`, p2 = ({ onSendMessage: e, messages: t, isMobile: a = !1 }) => {
|
|
6541
|
-
const [i, r] = K(""), { t: s } = G(), o = (
|
|
6542
|
-
const
|
|
6543
|
-
(
|
|
6539
|
+
const [i, r] = K(""), { t: s } = G(), o = (c) => {
|
|
6540
|
+
const d = c.target.value;
|
|
6541
|
+
(d.trim().length || i.length === 1) && r(d);
|
|
6544
6542
|
}, l = () => {
|
|
6545
6543
|
e(i), r("");
|
|
6546
|
-
}
|
|
6547
|
-
const p = new Date(u.messageDateTime);
|
|
6548
|
-
return (c.getTime() - p.getTime()) / 1e3 < 10;
|
|
6549
|
-
});
|
|
6544
|
+
};
|
|
6550
6545
|
return /* @__PURE__ */ n.jsxs(c2, { $isMobile: a, children: [
|
|
6551
6546
|
/* @__PURE__ */ n.jsxs(d2, { $isMobile: a, children: [
|
|
6552
6547
|
/* @__PURE__ */ n.jsx(
|
|
@@ -6557,20 +6552,20 @@ const Xo = ({ tournamentData: e }) => {
|
|
|
6557
6552
|
onChange: o,
|
|
6558
6553
|
placeholder: s("Click to chat"),
|
|
6559
6554
|
type: "text",
|
|
6560
|
-
onKeyPress: (
|
|
6561
|
-
|
|
6555
|
+
onKeyPress: (c) => {
|
|
6556
|
+
c.key === "Enter" && l();
|
|
6562
6557
|
}
|
|
6563
6558
|
}
|
|
6564
6559
|
),
|
|
6565
6560
|
/* @__PURE__ */ n.jsx("div", { className: "send-massage", children: /* @__PURE__ */ n.jsx(Ya, { onClick: l }) })
|
|
6566
6561
|
] }),
|
|
6567
|
-
/* @__PURE__ */ n.jsx(u2, { $isMobile: a, children:
|
|
6562
|
+
/* @__PURE__ */ n.jsx(u2, { $isMobile: a, children: t.map((c) => /* @__PURE__ */ n.jsxs("div", { className: "message-item", children: [
|
|
6568
6563
|
/* @__PURE__ */ n.jsxs("div", { className: "sender-nick", children: [
|
|
6569
|
-
/* @__PURE__ */ n.jsx("p", { className: "nickname", children:
|
|
6570
|
-
/* @__PURE__ */ n.jsx("p", { className: "time", children:
|
|
6564
|
+
/* @__PURE__ */ n.jsx("p", { className: "nickname", children: c.senderNickname }),
|
|
6565
|
+
/* @__PURE__ */ n.jsx("p", { className: "time", children: c.time })
|
|
6571
6566
|
] }),
|
|
6572
|
-
/* @__PURE__ */ n.jsx("p", { className: "masssage", children:
|
|
6573
|
-
] }, `${
|
|
6567
|
+
/* @__PURE__ */ n.jsx("p", { className: "masssage", children: c.message })
|
|
6568
|
+
] }, `${c.messageDateTime}`)) })
|
|
6574
6569
|
] });
|
|
6575
6570
|
}, f2 = f.div`
|
|
6576
6571
|
display: flex;
|
|
@@ -1059,13 +1059,12 @@ See https://s-c.sh/2BAXzed for more info.`),window[Tt]+=1);const Sr=f.div`
|
|
|
1059
1059
|
`,No=f.input`
|
|
1060
1060
|
padding-left: 8px;
|
|
1061
1061
|
padding-right: 12px;
|
|
1062
|
-
max-width:
|
|
1063
|
-
min-width:
|
|
1062
|
+
max-width: 100%;
|
|
1063
|
+
min-width: 100%;
|
|
1064
1064
|
height: 100%;
|
|
1065
1065
|
border-radius: 8px;
|
|
1066
1066
|
background: #111111cc;
|
|
1067
1067
|
border: 1px solid;
|
|
1068
|
-
backdrop-filter: blur(100px);
|
|
1069
1068
|
color: #ffffff;
|
|
1070
1069
|
font-family: Inter;
|
|
1071
1070
|
font-weight: 500;
|
|
@@ -1106,7 +1105,7 @@ See https://s-c.sh/2BAXzed for more info.`),window[Tt]+=1);const Sr=f.div`
|
|
|
1106
1105
|
padding-left: 8px;
|
|
1107
1106
|
padding-right: 12px;
|
|
1108
1107
|
max-width: 100%;
|
|
1109
|
-
min-width:
|
|
1108
|
+
min-width: 100%;
|
|
1110
1109
|
height: 100%;
|
|
1111
1110
|
border-radius: 8px;
|
|
1112
1111
|
background: #111111cc;
|
|
@@ -1177,15 +1176,14 @@ See https://s-c.sh/2BAXzed for more info.`),window[Tt]+=1);const Sr=f.div`
|
|
|
1177
1176
|
}
|
|
1178
1177
|
|
|
1179
1178
|
@keyframes slidein {
|
|
1180
|
-
|
|
1179
|
+
0% {
|
|
1181
1180
|
opacity: 1;
|
|
1182
1181
|
}
|
|
1183
|
-
|
|
1184
|
-
to {
|
|
1182
|
+
100% {
|
|
1185
1183
|
opacity: 0;
|
|
1186
1184
|
}
|
|
1187
1185
|
}
|
|
1188
|
-
`,Fo=({onSendMessage:e,messages:t,isMobile:a=!1})=>{const[i,r]=v.useState(""),{t:s}=G(),o=
|
|
1186
|
+
`,Fo=({onSendMessage:e,messages:t,isMobile:a=!1})=>{const[i,r]=v.useState(""),{t:s}=G(),o=c=>{const d=c.target.value;(d.trim().length||i.length===1)&&r(d)},l=()=>{e(i),r("")};return n.jsxs(Oo,{$isMobile:a,children:[n.jsxs(Do,{$isMobile:a,children:[n.jsx($o,{$isMobile:a,value:i,onChange:o,placeholder:s("Click to chat"),type:"text",onKeyPress:c=>{c.key==="Enter"&&l()}}),n.jsx("div",{className:"send-massage",children:n.jsx(ka,{onClick:l})})]}),n.jsx(Mo,{$isMobile:a,children:t.map(c=>n.jsxs("div",{className:"message-item",children:[n.jsxs("div",{className:"sender-nick",children:[n.jsx("p",{className:"nickname",children:c.senderNickname}),n.jsx("p",{className:"time",children:c.time})]}),n.jsx("p",{className:"masssage",children:c.message})]},`${c.messageDateTime}`))})]})},Ho=f.div`
|
|
1189
1187
|
display: flex;
|
|
1190
1188
|
flex-direction: column;
|
|
1191
1189
|
gap: 4px;
|