{ e.preventDefault(); setOver(true); }}
onDragLeave={() => setOver(false)}
onDrop={(e) => {
e.preventDefault(); setOver(false);
const dt = e.dataTransfer;
const f = dt?.files?.[0];
if (f && f.size > 0) return take(f);
const uri = dt?.getData("text/uri-list") || dt?.getData("text/plain") || "";
if (/^https?:/.test(uri.trim())) { setUrl(uri.trim()); setShowUrl(true); onPicked(null, "링크를 넣었어요. '가져오기'를 눌러주세요."); return; }
onPicked(null, "그림 파일을 찾지 못했어요. 파일로 저장한 뒤 올려주세요.");
}}
onPaste={(e) => {
const it = [...(e.clipboardData?.items || [])].find((x) => x.type.startsWith("image/"));
if (it) { e.preventDefault(); take(it.getAsFile()); }
}}
tabIndex={0}>
{ const f = e.target.files?.[0]; e.target.value = ""; take(f); }} />
{has && }
{showUrl && (
setUrl(e.target.value)} />
)}
이 상자를 한 번 누른 뒤 붙여넣기(Ctrl/⌘+V)하거나, 그림을 끌어다 놓아도 돼요
SINCE 1981 · KONKUK GLOCAL
한울 연극극회
{mode === "setup" ? "관리자 계정 설정" : mode === "join" ? "가입하기" : "활동일지"}
{mode === "setup" ? `${owner.name} 계정의 비밀번호를 먼저 정해주세요.`
: mode === "join" ? "이름과 기수는 나중에 바꿀 수 없어요."
: "이름 · 기수 · 비밀번호로 들어와요."}
{mode !== "setup" && (
<>
)}
{mode !== "login" &&
}
{mode === "join" && (
<>
내 파트
{PARTS.map((p) => (
))}
권한 코드
{[["01", "부원", "코드 없이 그냥 비워두세요"],
["02", "팀장", "팀장 코드를 받아 넣으세요"],
["03", "집행부", "집행부 코드를 받아 넣으세요"]].map(([n, t, d]) => (
{n}
{t}
{d}
))}
)}
{err &&
{err}
}
{mode !== "setup" && (
)}
시험 단계라 비밀번호는 브라우저에서 해시로만 저장돼요. 다른 곳에서 쓰는 비밀번호는 쓰지 말아주세요.
);
}
function AnonBox({ title, desc, toList, onClose, onSend }) {
const [text, setText] = useState("");
const [to, setTo] = useState(toList?.[0]?.id || "");
return (