@edu-tosel/design 1.0.166 → 1.0.167
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.
|
@@ -23,6 +23,7 @@ export default function One({ event }) {
|
|
|
23
23
|
// NOTE: let 쓰지 마세요 없어도 코드 짜는데 문제 없습니다. 스코프 이슈 생기면 답없습니다.
|
|
24
24
|
// NOTE: 컴포넌트 내부에서 if else 문 쓰지 마세요 가독성 떨어지고 버그납니다. 예외처리는 함수로 빼서 처리하세요.
|
|
25
25
|
// NOTE: 절대 같은 코드 복붙하지마세요. 성능떨어지고 보기 안좋습니다.
|
|
26
|
+
const lines = event.title.split("\n");
|
|
26
27
|
const countdownText = daysRemaining > 0
|
|
27
28
|
? `오픈까지 D-${daysRemaining}`
|
|
28
29
|
: `오픈까지 ${hoursRemaining
|
|
@@ -38,14 +39,14 @@ export default function One({ event }) {
|
|
|
38
39
|
? " bg-gray-light text-gray-medium"
|
|
39
40
|
: expiredAt && expiredAt > currentTime
|
|
40
41
|
? "bg-gray-light text-green-dark"
|
|
41
|
-
: "bg-gradient-to-l from-
|
|
42
|
+
: "bg-gradient-to-l from-crimson-burgundy to-green-dark text-white",
|
|
42
43
|
};
|
|
43
44
|
const buttonText = expiredAt && expiredAt < currentTime
|
|
44
45
|
? "종료된 이벤트입니다"
|
|
45
46
|
: startedAt && startedAt > currentTime
|
|
46
47
|
? countdownText
|
|
47
48
|
: event.button?.title;
|
|
48
|
-
return (_jsxs("div", { className: "flex flex-col mmd:flex-row", children: [_jsx("div", { className: "min-w-[320px] h-auto p-5 mmd:sticky mmd:top-20 mmd:self-start", children: _jsxs("div", { className: "w-full h-auto rounded-xl sm:flex mmd:flex-col", children: [_jsx("div", { className: "w-full mmd:h-50 overflow-hidden", children: _jsx("img", { src: event.thumbnail, alt:
|
|
49
|
+
return (_jsxs("div", { className: "flex flex-col mmd:flex-row", children: [_jsx("div", { className: "min-w-[320px] h-auto p-5 mmd:sticky mmd:top-20 mmd:self-start", children: _jsxs("div", { className: "w-full h-auto rounded-xl sm:flex mmd:flex-col", children: [_jsx("div", { className: "w-full mmd:h-50 overflow-hidden", children: _jsx("img", { src: event.thumbnail, alt: event.title, className: "rounded-xl h-full object-cover w-full" }) }), _jsxs("div", { className: "w-full h-auto pt-5 sm:p-5 mmd:p-0 mmd:pt-5 gap-3 flex flex-col", children: [_jsx("div", { className: "flex items-center", children: _jsx(StatusText, { event: event }) }), _jsx("div", { className: "text-sm font-bold text-gray-dark flex flex-col items-start mb-2", children: lines.map((line, index) => (_jsxs("span", { children: [line, _jsx("br", {})] }, index))) }), event.button && (_jsx("div", { className: cn(button), onClick: () => {
|
|
49
50
|
event.button?.onClick && event.button.onClick();
|
|
50
51
|
}, children: buttonText }))] })] }, event.id) }), _jsxs("div", { className: "flex-grow p-5", children: [_jsx("div", { children: isHTMLString(event.content) ? (_jsx("div", { dangerouslySetInnerHTML: { __html: event.content }, className: "w-full rounded-xl object-cover overflow-hidden max-w-[810px]" })) : (_jsx("div", { children: event.content })) }), _jsx("button", { onClick: () => history.back(), className: "mt-8 p-5 bg-green-dark/5 text-green-dark rounded-xl flex items-center justify-center hover:bg-green-dark/20 transition-all", children: "\uBAA9\uB85D\uC73C\uB85C \uB3CC\uC544\uAC00\uAE30" })] })] }));
|
|
51
52
|
}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { cn } from "../../../util";
|
|
3
3
|
import { Input, Label } from "../../../widget";
|
|
4
|
-
var Button = Label.Button;
|
|
5
4
|
import Action from "../Action";
|
|
6
5
|
import { Loading } from "../../../interaction";
|
|
7
6
|
import { LineBreaks } from "../../../text";
|
|
@@ -32,7 +31,7 @@ export default function Integrate({ isLoading, isUser, usernameState: [oldUserna
|
|
|
32
31
|
text: "text-green-dark",
|
|
33
32
|
} }), _jsxs("div", { className: "flex w-full justify-between items-center mt-12", children: [_jsxs("div", { className: "flex pl-1.5 gap-x-3.5", children: [_jsx("button", { onClick: () => window.open("https://tosel.org/new/find_idpw"), className: "text-gray-medium", children: "(\uAD6C)\uACC4\uC815 \uCC3E\uAE30" }), _jsx("button", { onClick: () => {
|
|
34
33
|
alert("구 계정 관련 기타 문의는 tosel_cs@tosel.co.kr으로 메일 부탁드립니다.");
|
|
35
|
-
}, className: "text-gray-medium", children: "\uAE30\uD0C0 \uBB38\uC758" })] }), _jsx(Button, { title: "\uC5F0\uB3D9\uD558\uAE30", onClick: submit, option: {
|
|
34
|
+
}, className: "text-gray-medium", children: "\uAE30\uD0C0 \uBB38\uC758" })] }), _jsx(Label.Button, { title: "\uC5F0\uB3D9\uD558\uAE30", onClick: submit, option: {
|
|
36
35
|
width: "md",
|
|
37
36
|
height: "md",
|
|
38
37
|
text: "text-white",
|
package/package.json
CHANGED
package/version.txt
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
1.0.
|
|
1
|
+
1.0.167
|