File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
'use client';
import { useState, useTransition } from 'react';
import { FoxButton } from '@fox/core/components/fox-button';
import { FoxButtonGroup } from '@fox/core/components/fox-button-group';
import { FoxIconButton } from '@fox/core/components/fox-icon-button';
import { useFeedback } from '@/app/_hooks/use-feedback';
import type { BoardPost } from '@/lib/domain/board-post';
import type { CommonCode } from '@/lib/domain/common-code';
import { deleteBoardPostAction, loadBoardPostAction } from '../../_actions';
import { InquiryAnswerModal } from './inquiry-answer-modal';
interface InquiryRowActionsProps {
post: BoardPost;
answerStatuses: readonly CommonCode[];
}
/**
* 1:1문의 행의 "관리" 셀 — 시안 A_BOA_012 ③.
*
* 공지사항·FAQ의 `BoardRowActions`와 나눈 이유: 여기서 여는 팝업이 수정 폼이 아니라 **상세 및 답변**
* 팝업이고(관리자는 질문 글을 수정하지 않는다), 등록 경로도 없다. 삭제만 동작이 같다.
*/
export function InquiryRowActions({
post,
answerStatuses,
}: InquiryRowActionsProps) {
const { showAlert, hideAlert, showToast } = useFeedback();
// 목록 행이 아니라 단건 조회 결과로 채운다 — 답변 중에 남이 고쳤을 수 있다.
const [answerPost, setAnswerPost] = useState<BoardPost | null>(null);
const [isLoading, startLoading] = useTransition();
const [isDeleting, startDeleting] = useTransition();
function openAnswer() {
startLoading(async () => {
const result = await loadBoardPostAction(post.id);
if (result.status === 'error') {
showToast({ variant: 'danger', message: result.message });
return;
}
setAnswerPost(result.post);
});
}
function runDelete() {
hideAlert();
startDeleting(async () => {
const result = await deleteBoardPostAction('inquiry', post.id);
if (result.status === 'error') {
showToast({
variant: 'danger',
message: result.message ?? '삭제하지 못했습니다.',
});
return;
}
showToast({ variant: 'success', message: '문의를 삭제했습니다.' });
});
}
function confirmDelete() {
showAlert({
variant: 'danger',
title: '문의를 삭제하시겠습니까?',
message: `"${post.title}" 문의를 삭제합니다. 삭제 후에는 되돌릴 수 없습니다.`,
actions: (
<FoxButtonGroup size="md">
<FoxButton type="default" size="md" label="취소" onAction={hideAlert} />
<FoxButton type="error" size="md" label="삭제" onAction={runDelete} />
</FoxButtonGroup>
),
});
}
return (
<FoxButtonGroup size="sm" align="center">
<FoxIconButton
type="default"
size="sm"
icon={<i className="fox-ico fox-ico-PencilSimple" aria-hidden="true" />}
label={isLoading ? '불러오는 중' : '상세 및 답변'}
disabled={isLoading}
onAction={openAnswer}
/>
<FoxIconButton
type="default"
size="sm"
icon={<i className="fox-ico fox-ico-Trash" aria-hidden="true" />}
label={isDeleting ? '삭제 중' : '삭제'}
disabled={isDeleting}
onAction={confirmDelete}
/>
{answerPost && (
<InquiryAnswerModal
post={answerPost}
answerStatuses={answerStatuses}
onClose={() => setAnswerPost(null)}
/>
)}
</FoxButtonGroup>
);
}