@logora/debate 0.4.64 → 0.4.66
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/dist/assets/components/skeleton/comments_skeleton/CommentsSkeleton.module-DxtFozVV.css +1 -0
- package/dist/assets/components/skeleton/consultation_skeleton/ConsultationSkeleton.module-DZ19OJWm.css +1 -0
- package/dist/assets/components/skeleton/debate_skeleton/DebateSkeleton.module-DXz8__D7.css +1 -0
- package/dist/assets/components/skeleton/user_page_skeleton/UserPageSkeleton.module-mlNfXOfB.css +1 -0
- package/dist/components/report/report_box/ReportBox.js +1 -1
- package/dist/components/skeleton/comments_skeleton/CommentsSkeleton.js +74 -0
- package/dist/components/skeleton/comments_skeleton/CommentsSkeleton.module.scss.js +33 -0
- package/dist/components/skeleton/consultation_skeleton/ConsultationSkeleton.js +76 -0
- package/dist/components/skeleton/consultation_skeleton/ConsultationSkeleton.module.scss.js +27 -0
- package/dist/components/skeleton/debate_skeleton/DebateSkeleton.js +90 -0
- package/dist/components/skeleton/debate_skeleton/DebateSkeleton.module.scss.js +31 -0
- package/dist/components/skeleton/user_content_skeleton/UserContentSkeleton.js +33 -40
- package/dist/components/skeleton/user_page_skeleton/UserPageSkeleton.js +79 -0
- package/dist/components/skeleton/user_page_skeleton/UserPageSkeleton.module.scss.js +29 -0
- package/dist/components/user_content/content_header/ContentHeader.js +19 -19
- package/dist/index.js +310 -302
- package/package.json +1 -1
package/dist/assets/components/skeleton/comments_skeleton/CommentsSkeleton.module-DxtFozVV.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._commentsSkeleton_2m189_3{display:flex;flex-direction:column;gap:var(--space-unit, 1em);width:100%}._commentsHeader_2m189_10{display:flex;flex-direction:column;gap:var(--spacer-sm, calc(var(--space-unit, 1em) * .5))}._commentsTitle_2m189_16{width:60%;height:var(--font-size-large, 20px)}._commentsDescription_2m189_21{width:85%;height:var(--font-size-normal, 16px)}._commentList_2m189_26{display:flex;flex-direction:column;gap:var(--space-unit, 1em)}._commentItem_2m189_32{display:flex;flex-direction:column;gap:var(--spacer-sm, calc(var(--space-unit, 1em) * .5))}._commentHeader_2m189_38{display:flex;flex-direction:row;gap:var(--spacer-sm, calc(var(--space-unit, 1em) * .5));align-items:center}._commentAvatar_2m189_45{width:60px;height:60px;flex-shrink:0}._commentAuthorLines_2m189_51{display:flex;flex-direction:column;gap:var(--spacer-xxs, calc(var(--space-unit, 1em) * .25));flex:1;min-width:80px}._commentAuthorLine_2m189_51{width:160px;height:var(--font-size-small, 16px)}._commentAuthorSubline_2m189_64{width:100px;height:var(--font-size-extra-small, 14px)}._commentBody_2m189_69{display:flex;flex-direction:column;gap:var(--spacer-sm, calc(var(--space-unit, 1em) * .5))}._commentLine_2m189_75{width:100%;height:var(--font-size-normal, 16px)}._commentLineShort_2m189_80{width:65%;height:var(--font-size-normal, 16px)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._consultationSkeleton_1xisi_3{display:flex;flex-direction:column;gap:var(--space-unit, 1em);width:100%}._consultationHeader_1xisi_10{display:flex;flex-direction:column;gap:var(--spacer-sm, calc(var(--space-unit, 1em) * .5))}._consultationTitle_1xisi_16{width:55%;height:var(--font-size-extra-large, 22px)}._consultationDescription_1xisi_21{width:80%;height:var(--font-size-normal, 16px)}._tabsRow_1xisi_26{display:flex;flex-direction:row;gap:var(--spacer-sm, calc(var(--space-unit, 1em) * .5))}._tab_1xisi_26{width:120px;height:32px;border-radius:var(--box-border-radius, 6px)}._proposalList_1xisi_38{display:flex;flex-direction:column;gap:var(--space-unit, 1em)}._proposalItem_1xisi_44{display:flex;flex-direction:column;gap:var(--spacer-sm, calc(var(--space-unit, 1em) * .5));border-radius:var(--box-border-radius, 6px);box-shadow:var(--box-shadow, 0px 2px 5px rgba(7, 42, 68, .1));border:var(--box-border, 1px solid rgba(7, 42, 68, .1));padding:var(--space-unit, 1em)}._proposalAuthor_1xisi_54{width:180px;height:40px}._proposalLine_1xisi_59{width:100%;height:var(--font-size-normal, 16px)}._proposalLineShort_1xisi_64{width:55%;height:var(--font-size-normal, 16px)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._debateSkeleton_43wmf_3{display:flex;flex-direction:column;gap:var(--space-unit, 1em);width:100%}._debateImageBox_43wmf_10{width:100%;border-top-left-radius:var(--box-border-radius, 6px);border-top-right-radius:var(--box-border-radius, 6px)}._debateImage_43wmf_10{width:100%;height:210px;border-top-left-radius:var(--box-border-radius, 6px);border-top-right-radius:var(--box-border-radius, 6px)}._debateHeader_43wmf_23{display:flex;flex-direction:column;gap:var(--spacer-sm, calc(var(--space-unit, 1em) * .5))}._debateTitle_43wmf_29{width:70%;height:var(--font-size-extra-large, 22px)}._debateSubtitle_43wmf_34{width:40%;height:var(--font-size-normal, 16px)}._debateContent_43wmf_39{display:flex;flex-direction:row;gap:var(--space-unit, 1em)}@container (max-width: 767.98px){._debateContent_43wmf_39{flex-direction:column}}._debateMainColumn_43wmf_50{display:flex;flex-direction:column;gap:var(--space-unit, 1em);flex:1;min-width:0}._argumentBlock_43wmf_58{display:flex;flex-direction:column;gap:var(--spacer-sm, calc(var(--space-unit, 1em) * .5))}._argumentLine_43wmf_64{width:100%;height:var(--font-size-normal, 16px)}._argumentLineShort_43wmf_69{width:60%;height:var(--font-size-normal, 16px)}._debateSideColumn_43wmf_74{display:flex;flex-direction:column;gap:var(--spacer-sm, calc(var(--space-unit, 1em) * .5));width:260px;flex-shrink:0}@container (max-width: 767.98px){._debateSideColumn_43wmf_74{width:100%}}._sideBox_43wmf_87{width:100%;height:180px;border-radius:var(--box-border-radius, 6px)}
|
package/dist/assets/components/skeleton/user_page_skeleton/UserPageSkeleton.module-mlNfXOfB.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._userPageSkeleton_1327l_3{display:flex;flex-direction:column;gap:var(--space-unit, 1em);width:100%}._userHeader_1327l_10{display:flex;flex-direction:row;gap:var(--space-unit, 1em);align-items:center}._userAvatar_1327l_17{width:80px;height:80px;flex-shrink:0}._userHeaderLines_1327l_23{display:flex;flex-direction:column;gap:var(--spacer-sm, calc(var(--space-unit, 1em) * .5));flex:1;min-width:120px}._userName_1327l_31{width:220px;height:var(--font-size-large, 20px)}._userDescription_1327l_36{width:320px;height:var(--font-size-normal, 16px)}._tabsRow_1327l_41{display:flex;flex-direction:row;gap:var(--spacer-sm, calc(var(--space-unit, 1em) * .5))}._tab_1327l_41{width:110px;height:32px;border-radius:var(--box-border-radius, 6px)}._contentList_1327l_53{display:flex;flex-direction:column;gap:var(--space-unit, 1em)}._contentItem_1327l_59{display:flex;flex-direction:column;gap:var(--spacer-sm, calc(var(--space-unit, 1em) * .5));border-radius:var(--box-border-radius, 6px);box-shadow:var(--box-shadow, 0px 2px 5px rgba(7, 42, 68, .1));border:var(--box-border, 1px solid rgba(7, 42, 68, .1));padding:var(--space-unit, 1em)}._contentLine_1327l_69{width:100%;height:var(--font-size-normal, 16px)}._contentLineShort_1327l_74{width:50%;height:var(--font-size-normal, 16px)}
|
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
import { jsx as m, jsxs as t } from "react/jsx-runtime";
|
|
2
|
+
import "react";
|
|
3
|
+
import c from "react-loading-skeleton";
|
|
4
|
+
import "react-loading-skeleton/dist/skeleton.css";
|
|
5
|
+
import e from "./CommentsSkeleton.module.scss.js";
|
|
6
|
+
const v = ({
|
|
7
|
+
enableAnimation: s = !0,
|
|
8
|
+
numberOfComments: r = 3,
|
|
9
|
+
className: o
|
|
10
|
+
}) => /* @__PURE__ */ m("div", { "data-testid": "comments-skeleton", className: o, children: /* @__PURE__ */ t("div", { className: e.commentsSkeleton, children: [
|
|
11
|
+
/* @__PURE__ */ t("div", { className: e.commentsHeader, children: [
|
|
12
|
+
/* @__PURE__ */ m(
|
|
13
|
+
c,
|
|
14
|
+
{
|
|
15
|
+
enableAnimation: s,
|
|
16
|
+
className: e.commentsTitle
|
|
17
|
+
}
|
|
18
|
+
),
|
|
19
|
+
/* @__PURE__ */ m(
|
|
20
|
+
c,
|
|
21
|
+
{
|
|
22
|
+
enableAnimation: s,
|
|
23
|
+
className: e.commentsDescription
|
|
24
|
+
}
|
|
25
|
+
)
|
|
26
|
+
] }),
|
|
27
|
+
/* @__PURE__ */ m("div", { className: e.commentList, children: Array.from({ length: r }).map((a, l) => /* @__PURE__ */ t("div", { className: e.commentItem, children: [
|
|
28
|
+
/* @__PURE__ */ t("div", { className: e.commentHeader, children: [
|
|
29
|
+
/* @__PURE__ */ m(
|
|
30
|
+
c,
|
|
31
|
+
{
|
|
32
|
+
enableAnimation: s,
|
|
33
|
+
circle: !0,
|
|
34
|
+
className: e.commentAvatar
|
|
35
|
+
}
|
|
36
|
+
),
|
|
37
|
+
/* @__PURE__ */ t("div", { className: e.commentAuthorLines, children: [
|
|
38
|
+
/* @__PURE__ */ m(
|
|
39
|
+
c,
|
|
40
|
+
{
|
|
41
|
+
enableAnimation: s,
|
|
42
|
+
className: e.commentAuthorLine
|
|
43
|
+
}
|
|
44
|
+
),
|
|
45
|
+
/* @__PURE__ */ m(
|
|
46
|
+
c,
|
|
47
|
+
{
|
|
48
|
+
enableAnimation: s,
|
|
49
|
+
className: e.commentAuthorSubline
|
|
50
|
+
}
|
|
51
|
+
)
|
|
52
|
+
] })
|
|
53
|
+
] }),
|
|
54
|
+
/* @__PURE__ */ t("div", { className: e.commentBody, children: [
|
|
55
|
+
/* @__PURE__ */ m(
|
|
56
|
+
c,
|
|
57
|
+
{
|
|
58
|
+
enableAnimation: s,
|
|
59
|
+
className: e.commentLine
|
|
60
|
+
}
|
|
61
|
+
),
|
|
62
|
+
/* @__PURE__ */ m(
|
|
63
|
+
c,
|
|
64
|
+
{
|
|
65
|
+
enableAnimation: s,
|
|
66
|
+
className: e.commentLineShort
|
|
67
|
+
}
|
|
68
|
+
)
|
|
69
|
+
] })
|
|
70
|
+
] }, l)) })
|
|
71
|
+
] }) });
|
|
72
|
+
export {
|
|
73
|
+
v as CommentsSkeleton
|
|
74
|
+
};
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import '../../../assets/components/skeleton/comments_skeleton/CommentsSkeleton.module-DxtFozVV.css';const m = "_commentsSkeleton_2m189_3", t = "_commentsHeader_2m189_10", e = "_commentsTitle_2m189_16", o = "_commentsDescription_2m189_21", n = "_commentList_2m189_26", c = "_commentItem_2m189_32", _ = "_commentHeader_2m189_38", s = "_commentAvatar_2m189_45", i = "_commentAuthorLines_2m189_51", r = "_commentAuthorLine_2m189_51", L = "_commentAuthorSubline_2m189_64", a = "_commentBody_2m189_69", u = "_commentLine_2m189_75", h = "_commentLineShort_2m189_80", A = {
|
|
2
|
+
commentsSkeleton: m,
|
|
3
|
+
commentsHeader: t,
|
|
4
|
+
commentsTitle: e,
|
|
5
|
+
commentsDescription: o,
|
|
6
|
+
commentList: n,
|
|
7
|
+
commentItem: c,
|
|
8
|
+
commentHeader: _,
|
|
9
|
+
commentAvatar: s,
|
|
10
|
+
commentAuthorLines: i,
|
|
11
|
+
commentAuthorLine: r,
|
|
12
|
+
commentAuthorSubline: L,
|
|
13
|
+
commentBody: a,
|
|
14
|
+
commentLine: u,
|
|
15
|
+
commentLineShort: h
|
|
16
|
+
};
|
|
17
|
+
export {
|
|
18
|
+
r as commentAuthorLine,
|
|
19
|
+
i as commentAuthorLines,
|
|
20
|
+
L as commentAuthorSubline,
|
|
21
|
+
s as commentAvatar,
|
|
22
|
+
a as commentBody,
|
|
23
|
+
_ as commentHeader,
|
|
24
|
+
c as commentItem,
|
|
25
|
+
u as commentLine,
|
|
26
|
+
h as commentLineShort,
|
|
27
|
+
n as commentList,
|
|
28
|
+
o as commentsDescription,
|
|
29
|
+
t as commentsHeader,
|
|
30
|
+
m as commentsSkeleton,
|
|
31
|
+
e as commentsTitle,
|
|
32
|
+
A as default
|
|
33
|
+
};
|
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
import { jsx as o, jsxs as l } from "react/jsx-runtime";
|
|
2
|
+
import "react";
|
|
3
|
+
import a from "react-loading-skeleton";
|
|
4
|
+
import "react-loading-skeleton/dist/skeleton.css";
|
|
5
|
+
import s from "./ConsultationSkeleton.module.scss.js";
|
|
6
|
+
const u = ({
|
|
7
|
+
enableAnimation: t = !0,
|
|
8
|
+
numberOfProposals: r = 4,
|
|
9
|
+
className: c
|
|
10
|
+
}) => /* @__PURE__ */ o("div", { "data-testid": "consultation-skeleton", className: c, children: /* @__PURE__ */ l("div", { className: s.consultationSkeleton, children: [
|
|
11
|
+
/* @__PURE__ */ l("div", { className: s.consultationHeader, children: [
|
|
12
|
+
/* @__PURE__ */ o(
|
|
13
|
+
a,
|
|
14
|
+
{
|
|
15
|
+
enableAnimation: t,
|
|
16
|
+
className: s.consultationTitle
|
|
17
|
+
}
|
|
18
|
+
),
|
|
19
|
+
/* @__PURE__ */ o(
|
|
20
|
+
a,
|
|
21
|
+
{
|
|
22
|
+
enableAnimation: t,
|
|
23
|
+
className: s.consultationDescription
|
|
24
|
+
}
|
|
25
|
+
)
|
|
26
|
+
] }),
|
|
27
|
+
/* @__PURE__ */ l("div", { className: s.tabsRow, children: [
|
|
28
|
+
/* @__PURE__ */ o(
|
|
29
|
+
a,
|
|
30
|
+
{
|
|
31
|
+
enableAnimation: t,
|
|
32
|
+
className: s.tab
|
|
33
|
+
}
|
|
34
|
+
),
|
|
35
|
+
/* @__PURE__ */ o(
|
|
36
|
+
a,
|
|
37
|
+
{
|
|
38
|
+
enableAnimation: t,
|
|
39
|
+
className: s.tab
|
|
40
|
+
}
|
|
41
|
+
),
|
|
42
|
+
/* @__PURE__ */ o(
|
|
43
|
+
a,
|
|
44
|
+
{
|
|
45
|
+
enableAnimation: t,
|
|
46
|
+
className: s.tab
|
|
47
|
+
}
|
|
48
|
+
)
|
|
49
|
+
] }),
|
|
50
|
+
/* @__PURE__ */ o("div", { className: s.proposalList, children: Array.from({ length: r }).map((p, e) => /* @__PURE__ */ l("div", { className: s.proposalItem, children: [
|
|
51
|
+
/* @__PURE__ */ o(
|
|
52
|
+
a,
|
|
53
|
+
{
|
|
54
|
+
enableAnimation: t,
|
|
55
|
+
className: s.proposalAuthor
|
|
56
|
+
}
|
|
57
|
+
),
|
|
58
|
+
/* @__PURE__ */ o(
|
|
59
|
+
a,
|
|
60
|
+
{
|
|
61
|
+
enableAnimation: t,
|
|
62
|
+
className: s.proposalLine
|
|
63
|
+
}
|
|
64
|
+
),
|
|
65
|
+
/* @__PURE__ */ o(
|
|
66
|
+
a,
|
|
67
|
+
{
|
|
68
|
+
enableAnimation: t,
|
|
69
|
+
className: s.proposalLineShort
|
|
70
|
+
}
|
|
71
|
+
)
|
|
72
|
+
] }, e)) })
|
|
73
|
+
] }) });
|
|
74
|
+
export {
|
|
75
|
+
u as ConsultationSkeleton
|
|
76
|
+
};
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import '../../../assets/components/skeleton/consultation_skeleton/ConsultationSkeleton.module-DZ19OJWm.css';const o = "_consultationSkeleton_1xisi_3", t = "_consultationHeader_1xisi_10", s = "_consultationTitle_1xisi_16", i = "_consultationDescription_1xisi_21", n = "_tabsRow_1xisi_26", a = "_tab_1xisi_26", l = "_proposalList_1xisi_38", p = "_proposalItem_1xisi_44", _ = "_proposalAuthor_1xisi_54", e = "_proposalLine_1xisi_59", r = "_proposalLineShort_1xisi_64", c = {
|
|
2
|
+
consultationSkeleton: o,
|
|
3
|
+
consultationHeader: t,
|
|
4
|
+
consultationTitle: s,
|
|
5
|
+
consultationDescription: i,
|
|
6
|
+
tabsRow: n,
|
|
7
|
+
tab: a,
|
|
8
|
+
proposalList: l,
|
|
9
|
+
proposalItem: p,
|
|
10
|
+
proposalAuthor: _,
|
|
11
|
+
proposalLine: e,
|
|
12
|
+
proposalLineShort: r
|
|
13
|
+
};
|
|
14
|
+
export {
|
|
15
|
+
i as consultationDescription,
|
|
16
|
+
t as consultationHeader,
|
|
17
|
+
o as consultationSkeleton,
|
|
18
|
+
s as consultationTitle,
|
|
19
|
+
c as default,
|
|
20
|
+
_ as proposalAuthor,
|
|
21
|
+
p as proposalItem,
|
|
22
|
+
e as proposalLine,
|
|
23
|
+
r as proposalLineShort,
|
|
24
|
+
l as proposalList,
|
|
25
|
+
a as tab,
|
|
26
|
+
n as tabsRow
|
|
27
|
+
};
|
|
@@ -0,0 +1,90 @@
|
|
|
1
|
+
import { jsx as s, jsxs as d } from "react/jsx-runtime";
|
|
2
|
+
import "react";
|
|
3
|
+
import t from "react-loading-skeleton";
|
|
4
|
+
import "react-loading-skeleton/dist/skeleton.css";
|
|
5
|
+
import e from "./DebateSkeleton.module.scss.js";
|
|
6
|
+
const o = ({ enableAnimation: a = !0, className: r }) => /* @__PURE__ */ s("div", { "data-testid": "debate-skeleton", className: r, children: /* @__PURE__ */ d("div", { className: e.debateSkeleton, children: [
|
|
7
|
+
/* @__PURE__ */ s("div", { className: e.debateImageBox, children: /* @__PURE__ */ s(
|
|
8
|
+
t,
|
|
9
|
+
{
|
|
10
|
+
enableAnimation: a,
|
|
11
|
+
className: e.debateImage
|
|
12
|
+
}
|
|
13
|
+
) }),
|
|
14
|
+
/* @__PURE__ */ d("div", { className: e.debateHeader, children: [
|
|
15
|
+
/* @__PURE__ */ s(
|
|
16
|
+
t,
|
|
17
|
+
{
|
|
18
|
+
enableAnimation: a,
|
|
19
|
+
className: e.debateTitle
|
|
20
|
+
}
|
|
21
|
+
),
|
|
22
|
+
/* @__PURE__ */ s(
|
|
23
|
+
t,
|
|
24
|
+
{
|
|
25
|
+
enableAnimation: a,
|
|
26
|
+
className: e.debateSubtitle
|
|
27
|
+
}
|
|
28
|
+
)
|
|
29
|
+
] }),
|
|
30
|
+
/* @__PURE__ */ d("div", { className: e.debateContent, children: [
|
|
31
|
+
/* @__PURE__ */ d("div", { className: e.debateMainColumn, children: [
|
|
32
|
+
/* @__PURE__ */ d("div", { className: e.argumentBlock, children: [
|
|
33
|
+
/* @__PURE__ */ s(
|
|
34
|
+
t,
|
|
35
|
+
{
|
|
36
|
+
enableAnimation: a,
|
|
37
|
+
className: e.argumentLine
|
|
38
|
+
}
|
|
39
|
+
),
|
|
40
|
+
/* @__PURE__ */ s(
|
|
41
|
+
t,
|
|
42
|
+
{
|
|
43
|
+
enableAnimation: a,
|
|
44
|
+
className: e.argumentLine
|
|
45
|
+
}
|
|
46
|
+
),
|
|
47
|
+
/* @__PURE__ */ s(
|
|
48
|
+
t,
|
|
49
|
+
{
|
|
50
|
+
enableAnimation: a,
|
|
51
|
+
className: e.argumentLineShort
|
|
52
|
+
}
|
|
53
|
+
)
|
|
54
|
+
] }),
|
|
55
|
+
/* @__PURE__ */ d("div", { className: e.argumentBlock, children: [
|
|
56
|
+
/* @__PURE__ */ s(
|
|
57
|
+
t,
|
|
58
|
+
{
|
|
59
|
+
enableAnimation: a,
|
|
60
|
+
className: e.argumentLine
|
|
61
|
+
}
|
|
62
|
+
),
|
|
63
|
+
/* @__PURE__ */ s(
|
|
64
|
+
t,
|
|
65
|
+
{
|
|
66
|
+
enableAnimation: a,
|
|
67
|
+
className: e.argumentLine
|
|
68
|
+
}
|
|
69
|
+
),
|
|
70
|
+
/* @__PURE__ */ s(
|
|
71
|
+
t,
|
|
72
|
+
{
|
|
73
|
+
enableAnimation: a,
|
|
74
|
+
className: e.argumentLineShort
|
|
75
|
+
}
|
|
76
|
+
)
|
|
77
|
+
] })
|
|
78
|
+
] }),
|
|
79
|
+
/* @__PURE__ */ s("div", { className: e.debateSideColumn, children: /* @__PURE__ */ s(
|
|
80
|
+
t,
|
|
81
|
+
{
|
|
82
|
+
enableAnimation: a,
|
|
83
|
+
className: e.sideBox
|
|
84
|
+
}
|
|
85
|
+
) })
|
|
86
|
+
] })
|
|
87
|
+
] }) });
|
|
88
|
+
export {
|
|
89
|
+
o as DebateSkeleton
|
|
90
|
+
};
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import '../../../assets/components/skeleton/debate_skeleton/DebateSkeleton.module-DXz8__D7.css';const e = "_debateSkeleton_43wmf_3", t = "_debateImageBox_43wmf_10", a = "_debateImage_43wmf_10", n = "_debateHeader_43wmf_23", o = "_debateTitle_43wmf_29", _ = "_debateSubtitle_43wmf_34", d = "_debateContent_43wmf_39", m = "_debateMainColumn_43wmf_50", b = "_argumentBlock_43wmf_58", i = "_argumentLine_43wmf_64", l = "_argumentLineShort_43wmf_69", s = "_debateSideColumn_43wmf_74", u = "_sideBox_43wmf_87", c = {
|
|
2
|
+
debateSkeleton: e,
|
|
3
|
+
debateImageBox: t,
|
|
4
|
+
debateImage: a,
|
|
5
|
+
debateHeader: n,
|
|
6
|
+
debateTitle: o,
|
|
7
|
+
debateSubtitle: _,
|
|
8
|
+
debateContent: d,
|
|
9
|
+
debateMainColumn: m,
|
|
10
|
+
argumentBlock: b,
|
|
11
|
+
argumentLine: i,
|
|
12
|
+
argumentLineShort: l,
|
|
13
|
+
debateSideColumn: s,
|
|
14
|
+
sideBox: u
|
|
15
|
+
};
|
|
16
|
+
export {
|
|
17
|
+
b as argumentBlock,
|
|
18
|
+
i as argumentLine,
|
|
19
|
+
l as argumentLineShort,
|
|
20
|
+
d as debateContent,
|
|
21
|
+
n as debateHeader,
|
|
22
|
+
a as debateImage,
|
|
23
|
+
t as debateImageBox,
|
|
24
|
+
m as debateMainColumn,
|
|
25
|
+
s as debateSideColumn,
|
|
26
|
+
e as debateSkeleton,
|
|
27
|
+
_ as debateSubtitle,
|
|
28
|
+
o as debateTitle,
|
|
29
|
+
c as default,
|
|
30
|
+
u as sideBox
|
|
31
|
+
};
|
|
@@ -1,50 +1,43 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { jsxs as o, jsx as e } from "react/jsx-runtime";
|
|
2
2
|
import "react";
|
|
3
|
-
import
|
|
3
|
+
import r from "react-loading-skeleton";
|
|
4
4
|
import "react-loading-skeleton/dist/skeleton.css";
|
|
5
5
|
import i from "classnames";
|
|
6
|
-
import
|
|
7
|
-
const
|
|
8
|
-
enableAnimation:
|
|
9
|
-
numberLines:
|
|
6
|
+
import t from "./UserContentSkeleton.module.scss.js";
|
|
7
|
+
const f = ({
|
|
8
|
+
enableAnimation: s = !0,
|
|
9
|
+
numberLines: d = 4,
|
|
10
10
|
border: c = !1,
|
|
11
|
-
tag:
|
|
11
|
+
tag: l,
|
|
12
12
|
tagClassName: n,
|
|
13
|
-
children:
|
|
14
|
-
}) => /* @__PURE__ */
|
|
15
|
-
|
|
13
|
+
children: a
|
|
14
|
+
}) => /* @__PURE__ */ o(
|
|
15
|
+
"div",
|
|
16
16
|
{
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
children:
|
|
20
|
-
"div",
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
d && /* @__PURE__ */ e("div", { className: r.tagContainer, children: /* @__PURE__ */ e("div", { className: i(r.tagBox, n), children: /* @__PURE__ */ e("div", { className: r.tag, children: d }) }) })
|
|
40
|
-
] }),
|
|
41
|
-
a > 0 && /* @__PURE__ */ e("div", { "data-testid": "skeleton-body", className: r.skeletonBody, children: /* @__PURE__ */ e(s, { enableAnimation: t, count: a }) }),
|
|
42
|
-
l && /* @__PURE__ */ e("div", { className: r.childrenLayer, children: l })
|
|
43
|
-
]
|
|
44
|
-
}
|
|
45
|
-
)
|
|
17
|
+
"data-testid": "user-content-skeleton",
|
|
18
|
+
className: i(t.skeletonContainer, { [t.border]: c }),
|
|
19
|
+
children: [
|
|
20
|
+
/* @__PURE__ */ o("div", { className: t.skeletonHeader, children: [
|
|
21
|
+
/* @__PURE__ */ e(
|
|
22
|
+
r,
|
|
23
|
+
{
|
|
24
|
+
enableAnimation: s,
|
|
25
|
+
circle: !0,
|
|
26
|
+
height: 60,
|
|
27
|
+
width: 60
|
|
28
|
+
}
|
|
29
|
+
),
|
|
30
|
+
/* @__PURE__ */ o("div", { className: t.skeletonHeaderLines, children: [
|
|
31
|
+
/* @__PURE__ */ e(r, { enableAnimation: s }),
|
|
32
|
+
/* @__PURE__ */ e(r, { enableAnimation: s })
|
|
33
|
+
] }),
|
|
34
|
+
l && /* @__PURE__ */ e("div", { className: t.tagContainer, children: /* @__PURE__ */ e("div", { className: i(t.tagBox, n), children: /* @__PURE__ */ e("div", { className: t.tag, children: l }) }) })
|
|
35
|
+
] }),
|
|
36
|
+
d > 0 && /* @__PURE__ */ e("div", { "data-testid": "skeleton-body", className: t.skeletonBody, children: /* @__PURE__ */ e(r, { enableAnimation: s, count: d }) }),
|
|
37
|
+
a && /* @__PURE__ */ e("div", { className: t.childrenLayer, children: a })
|
|
38
|
+
]
|
|
46
39
|
}
|
|
47
40
|
);
|
|
48
41
|
export {
|
|
49
|
-
|
|
42
|
+
f as UserContentSkeleton
|
|
50
43
|
};
|
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
import { jsx as s, jsxs as c } from "react/jsx-runtime";
|
|
2
|
+
import "react";
|
|
3
|
+
import a from "react-loading-skeleton";
|
|
4
|
+
import "react-loading-skeleton/dist/skeleton.css";
|
|
5
|
+
import e from "./UserPageSkeleton.module.scss.js";
|
|
6
|
+
const p = ({
|
|
7
|
+
enableAnimation: r = !0,
|
|
8
|
+
numberOfContentItems: t = 3,
|
|
9
|
+
className: l
|
|
10
|
+
}) => /* @__PURE__ */ s("div", { "data-testid": "user-page-skeleton", className: l, children: /* @__PURE__ */ c("div", { className: e.userPageSkeleton, children: [
|
|
11
|
+
/* @__PURE__ */ c("div", { className: e.userHeader, children: [
|
|
12
|
+
/* @__PURE__ */ s(
|
|
13
|
+
a,
|
|
14
|
+
{
|
|
15
|
+
enableAnimation: r,
|
|
16
|
+
circle: !0,
|
|
17
|
+
className: e.userAvatar
|
|
18
|
+
}
|
|
19
|
+
),
|
|
20
|
+
/* @__PURE__ */ c("div", { className: e.userHeaderLines, children: [
|
|
21
|
+
/* @__PURE__ */ s(
|
|
22
|
+
a,
|
|
23
|
+
{
|
|
24
|
+
enableAnimation: r,
|
|
25
|
+
className: e.userName
|
|
26
|
+
}
|
|
27
|
+
),
|
|
28
|
+
/* @__PURE__ */ s(
|
|
29
|
+
a,
|
|
30
|
+
{
|
|
31
|
+
enableAnimation: r,
|
|
32
|
+
className: e.userDescription
|
|
33
|
+
}
|
|
34
|
+
)
|
|
35
|
+
] })
|
|
36
|
+
] }),
|
|
37
|
+
/* @__PURE__ */ c("div", { className: e.tabsRow, children: [
|
|
38
|
+
/* @__PURE__ */ s(
|
|
39
|
+
a,
|
|
40
|
+
{
|
|
41
|
+
enableAnimation: r,
|
|
42
|
+
className: e.tab
|
|
43
|
+
}
|
|
44
|
+
),
|
|
45
|
+
/* @__PURE__ */ s(
|
|
46
|
+
a,
|
|
47
|
+
{
|
|
48
|
+
enableAnimation: r,
|
|
49
|
+
className: e.tab
|
|
50
|
+
}
|
|
51
|
+
),
|
|
52
|
+
/* @__PURE__ */ s(
|
|
53
|
+
a,
|
|
54
|
+
{
|
|
55
|
+
enableAnimation: r,
|
|
56
|
+
className: e.tab
|
|
57
|
+
}
|
|
58
|
+
)
|
|
59
|
+
] }),
|
|
60
|
+
/* @__PURE__ */ s("div", { className: e.contentList, children: Array.from({ length: t }).map((d, m) => /* @__PURE__ */ c("div", { className: e.contentItem, children: [
|
|
61
|
+
/* @__PURE__ */ s(
|
|
62
|
+
a,
|
|
63
|
+
{
|
|
64
|
+
enableAnimation: r,
|
|
65
|
+
className: e.contentLine
|
|
66
|
+
}
|
|
67
|
+
),
|
|
68
|
+
/* @__PURE__ */ s(
|
|
69
|
+
a,
|
|
70
|
+
{
|
|
71
|
+
enableAnimation: r,
|
|
72
|
+
className: e.contentLineShort
|
|
73
|
+
}
|
|
74
|
+
)
|
|
75
|
+
] }, m)) })
|
|
76
|
+
] }) });
|
|
77
|
+
export {
|
|
78
|
+
p as UserPageSkeleton
|
|
79
|
+
};
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import '../../../assets/components/skeleton/user_page_skeleton/UserPageSkeleton.module-mlNfXOfB.css';const e = "_userPageSkeleton_1327l_3", t = "_userHeader_1327l_10", n = "_userAvatar_1327l_17", s = "_userHeaderLines_1327l_23", o = "_userName_1327l_31", _ = "_userDescription_1327l_36", r = "_tabsRow_1327l_41", c = "_tab_1327l_41", a = "_contentList_1327l_53", u = "_contentItem_1327l_59", i = "_contentLine_1327l_69", l = "_contentLineShort_1327l_74", L = {
|
|
2
|
+
userPageSkeleton: e,
|
|
3
|
+
userHeader: t,
|
|
4
|
+
userAvatar: n,
|
|
5
|
+
userHeaderLines: s,
|
|
6
|
+
userName: o,
|
|
7
|
+
userDescription: _,
|
|
8
|
+
tabsRow: r,
|
|
9
|
+
tab: c,
|
|
10
|
+
contentList: a,
|
|
11
|
+
contentItem: u,
|
|
12
|
+
contentLine: i,
|
|
13
|
+
contentLineShort: l
|
|
14
|
+
};
|
|
15
|
+
export {
|
|
16
|
+
u as contentItem,
|
|
17
|
+
i as contentLine,
|
|
18
|
+
l as contentLineShort,
|
|
19
|
+
a as contentList,
|
|
20
|
+
L as default,
|
|
21
|
+
c as tab,
|
|
22
|
+
r as tabsRow,
|
|
23
|
+
n as userAvatar,
|
|
24
|
+
_ as userDescription,
|
|
25
|
+
t as userHeader,
|
|
26
|
+
s as userHeaderLines,
|
|
27
|
+
o as userName,
|
|
28
|
+
e as userPageSkeleton
|
|
29
|
+
};
|