();
+ publish.data?.forEach((group) => {
+ group.focusCards?.forEach((link) => {
+ const list = map.get(link.problemSetItemId) ?? [];
+ list.push(link);
+ map.set(link.problemSetItemId, list);
+ });
+ });
+ return map;
+ }, [publish]);
+
+ const handleClickAdd = (problemSetItemId: number, problemId: number, problemTitle: string) => {
+ setAddTarget({ problemSetItemId, problemId, problemTitle });
+ openAdd();
+ };
+
+ // problemSetItemId -> problemId 매핑은 publish.data 의 그룹 순서와 problemSet.problems 의 순서가
+ // no 기준으로 동일하다고 가정. 안전하게 problemSet 의 item.problem.id 를 직접 사용.
+
+ const handleConfirmAdd = (issuance: FocusCardIssuance) => {
+ if (!addTarget) return;
+ mutateAddLink(
+ {
+ params: { path: { publishId } },
+ body: {
+ problemSetItemId: addTarget.problemSetItemId,
+ focusCardIssuanceId: issuance.id,
+ },
+ },
+ {
+ onSuccess: () => {
+ invalidatePublishDetail(publishId);
+ if (publish?.publishAt) {
+ const d = dayjs(publish.publishAt);
+ invalidatePublish(d.year(), d.month() + 1);
+ }
+ toast.success('출제근거 카드가 매핑되었습니다');
+ closeAdd();
+ setAddTarget(null);
+ },
+ onError: (error: Error) => {
+ toast.error(error.message);
+ },
+ }
+ );
+ };
+
+ const handleDeleteLink = (linkId: number) => {
+ mutateDeleteLink(
+ { params: { path: { linkId } } },
+ {
+ onSuccess: () => {
+ invalidatePublishDetail(publishId);
+ if (publish?.publishAt) {
+ const d = dayjs(publish.publishAt);
+ invalidatePublish(d.year(), d.month() + 1);
+ }
+ toast.success('매핑이 해제되었습니다');
+ },
+ onError: (error: Error) => {
+ toast.error(error.message);
+ },
+ }
+ );
+ };
+
+ if (isPublishLoading || !publish) {
+ return (
+
+ );
+ }
+
+ const candidates = candidatesResp?.data ?? [];
+ const problemSetItems = problemSet?.problems ?? [];
+
+ return (
+ <>
+
+
+
+
+
+ {!selectedStudent && (
+
+
+
+ 사이드바에서 학생을 선택하면 출제근거 카드 후보를 확인할 수 있습니다.
+
+
+ )}
+
+
+ 문제 세트
+
+ {publish.problemSet?.title ?? '제목 없음'}
+
+
+ 발행일: {publish.publishAt} · 진행: {publish.progress}
+
+
+
+ {problemSetItems.length === 0 ? (
+
+ ) : (
+
+ {problemSetItems.map((item) => {
+ const links = linksByItem.get(item.id) ?? [];
+ return (
+
+
+
+
+ {item.no}
+
+
+
+ {item.problem.title ?? '제목 없음'}
+
+ {item.problem.memo && (
+
{item.problem.memo}
+ )}
+
+
+
+
+
+ {links.length > 0 ? (
+
+ {links.map((link) => (
+
+
+ {link.focusCardIssuance.card.actionNode.name}
+
+
+ {link.focusCardIssuance.card.title}
+
+
+
+
+ ))}
+
+ ) : (
+
매핑된 카드가 없습니다
+ )}
+
+ );
+ })}
+
+ )}
+
+
+
+
출제근거 카드 매핑
+
+ 문제: {addTarget?.problemTitle ?? ''}
+
+
+ 이 문제의 포인팅·버블 액션과 매칭되는 발급 카드만 표시됩니다.
+
+
+
+
+ {!selectedStudent ? (
+
+ 학생이 선택되지 않아 후보 카드를 불러올 수 없습니다.
+
+ ) : isCandidatesLoading ? (
+
후보 카드 조회 중...
+ ) : candidates.length === 0 ? (
+
+
+
매칭되는 발급 카드가 없습니다
+
+ 이 문제의 포인팅·버블 액션과 일치하는 발급 카드가 없어요.
+
+ '집중학습 카드 발급' 화면에서 적절한 카드를 먼저 발급해 주세요.
+
+
+ ) : (
+
+ {candidates.map((iss) => (
+ -
+
+
+ ))}
+
+ )}
+
+
+ {publishId && (
+
+
+
+ )}
{expandedSets.has(problemSet.id) && (
-
+
{problemCount === 0 ? (
@@ -289,6 +367,81 @@ function RouteComponent() {
})}
)}
+
+ {isSelected && (
+
+
+
+
+
+
+ 출제근거 카드 매핑
+
+
+ ({publishDate} · 문제별 매칭 카드만 표시)
+
+
+
+ {problemCount === 0 ? (
+
+ 세트에 문제가 없어 매핑할 수 없습니다.
+
+ ) : (
+
+ {problemSet.problems.map((item) => {
+ const linked = linkMap[item.id] ?? new Set();
+ const candidates = candidatesByItem.get(item.id) ?? [];
+ return (
+
+
+
+ {item.no}
+
+
+ {item.problem.title ?? '제목 없음'}
+
+
+ {candidates.length === 0 ? (
+
+ 이 문제와 매칭되는 발급 카드가 없습니다.
+
+ ) : (
+
+ {candidates.map((iss) => {
+ const isOn = linked.has(iss.id);
+ return (
+
+ );
+ })}
+
+ )}
+
+ );
+ })}
+
+ )}
+
+ )}
)}