@edu-tosel/design 1.0.146 → 1.0.147
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.
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { OnClick, State } from "../../../interface";
|
|
2
|
+
interface IntegrateProps {
|
|
3
|
+
isLoading: boolean;
|
|
4
|
+
isUser: boolean;
|
|
5
|
+
usernameState: State<string>;
|
|
6
|
+
passwordState: State<string>;
|
|
7
|
+
submit: OnClick;
|
|
8
|
+
}
|
|
9
|
+
export default function Integrate({ isLoading, isUser, usernameState: [oldUsername, setUsername], passwordState: [oldPassword, setPassword], submit, }: IntegrateProps): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export {};
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { cn } from "../../../util";
|
|
3
|
+
import { Input, Label } from "../../../widget";
|
|
4
|
+
var Button = Label.Button;
|
|
5
|
+
import Action from "../Action";
|
|
6
|
+
import { Loading } from "../../../interaction";
|
|
7
|
+
import { LineBreaks } from "../../../text";
|
|
8
|
+
export default function Integrate({ isLoading, isUser, usernameState: [oldUsername, setUsername], passwordState: [oldPassword, setPassword], submit, }) {
|
|
9
|
+
const container = {
|
|
10
|
+
displays: "flex justify-center items-center",
|
|
11
|
+
sizes: "w-full min-h-screen",
|
|
12
|
+
boundaries: "px-3.5 md:px-16",
|
|
13
|
+
};
|
|
14
|
+
const body = {
|
|
15
|
+
displays: "flex flex-col gap-y-3.5",
|
|
16
|
+
sizes: "w-102.5",
|
|
17
|
+
};
|
|
18
|
+
return (_jsx("div", { className: cn(container), children: _jsx(Action.Replace, { actions: [
|
|
19
|
+
[isLoading, _jsx(Loading.Spinner, {})],
|
|
20
|
+
[!isLoading && !isUser, _jsx(Loading.Spinner, {})],
|
|
21
|
+
], children: _jsxs("div", { className: cn(body), children: [_jsx("div", { className: "w-full justify-center flex", children: _jsx("img", { src: "/images/logos/itc.png", width: 72 }) }), _jsxs("div", { className: "flex flex-col w-full", children: [_jsx("div", { className: "flex text-lg sm:text-2xl text-crimson-burgundy font-pretendard-bold", children: "\uACC4\uC815\uC5F0\uB3D9" }), _jsx("div", { className: "p-3.5 w-full box-shadow bg-white rounded-xl mt-3.5", children: _jsx(LineBreaks, { texts: [
|
|
22
|
+
"토셀 사이트가 리뉴얼되었습니다.",
|
|
23
|
+
"2024.08.26까지 사용하던 계정(구 tosel.org) 연동으로",
|
|
24
|
+
"이전 시험 데이터를 확인하세요!",
|
|
25
|
+
], className: "text-xs md:text-sm" }) })] }), _jsx(Input.Form, { title: "\uC544\uC774\uB514/\uB2E8\uCCB4\uCF54\uB4DC (\uAD6C \uC0AC\uC774\uD2B8)", state: [oldUsername, setUsername], option: {
|
|
26
|
+
text: "text-green-dark",
|
|
27
|
+
} }), _jsx(Input.Form, { title: "\uBE44\uBC00\uBC88\uD638", type: "password", state: [oldPassword, setPassword], onKeyDown: (e) => {
|
|
28
|
+
if (oldUsername && oldPassword && e.key === "Enter") {
|
|
29
|
+
return submit();
|
|
30
|
+
}
|
|
31
|
+
}, option: {
|
|
32
|
+
text: "text-green-dark",
|
|
33
|
+
} }), _jsxs("div", { className: "flex w-full justify-between items-center mt-12", children: [_jsx("button", { onClick: () => {
|
|
34
|
+
alert("계정 분실 관련 문의는 tosel_cs@tosel.co.kr으로 메일 부탁드립니다.");
|
|
35
|
+
}, className: "pl-2.5 text-gray-medium", children: "\uACC4\uC815 \uBB38\uC758" }), _jsx(Button, { title: "\uC5F0\uB3D9\uD558\uAE30", onClick: submit, option: {
|
|
36
|
+
width: "md",
|
|
37
|
+
height: "md",
|
|
38
|
+
text: "text-white",
|
|
39
|
+
background: "bg-crimson-burgundy",
|
|
40
|
+
} })] })] }) }) }));
|
|
41
|
+
}
|
package/package.json
CHANGED
package/version.txt
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
1.0.
|
|
1
|
+
1.0.147
|