57 lines
2.1 KiB
TypeScript
57 lines
2.1 KiB
TypeScript
"use client";
|
|
|
|
import { SectionCollapsible } from "@/shared/ui";
|
|
import type { InstlSncnMngResponseDto } from "@/entities/instl-sncn";
|
|
import { Table, TableCell, TableHead, TableHeader, TableRow } from "@common/components";
|
|
|
|
interface ContactInfoSectionProps {
|
|
det: InstlSncnMngResponseDto;
|
|
}
|
|
|
|
function ContactInfoSection({ det }: ContactInfoSectionProps) {
|
|
return (
|
|
<SectionCollapsible title="담당자 정보">
|
|
<Table caption="설치승인 담당자 정보" variant="secondary">
|
|
<TableHeader>
|
|
{det.aplcntNm && (
|
|
<>
|
|
<TableRow>
|
|
<TableHead scope="row" rowSpan={2}>신청자</TableHead>
|
|
<TableHead scope="row">이름</TableHead>
|
|
<TableCell>{det.aplcntNm || "-"}</TableCell>
|
|
<TableHead scope="row">연락처</TableHead>
|
|
<TableCell>{det.aplcntMblTelno || "-"}</TableCell>
|
|
</TableRow>
|
|
<TableRow>
|
|
<TableHead scope="row">소속</TableHead>
|
|
<TableCell>{det.aplcntOgdpNm || "-"}</TableCell>
|
|
<TableHead scope="row">이메일</TableHead>
|
|
<TableCell>{det.aplcntEmlAddr || "-"}</TableCell>
|
|
</TableRow>
|
|
</>
|
|
)}
|
|
{det.dsgnrNm && (
|
|
<>
|
|
<TableRow>
|
|
<TableHead scope="row" rowSpan={2}>설계자</TableHead>
|
|
<TableHead scope="row">이름</TableHead>
|
|
<TableCell>{det.dsgnrNm || "-"}</TableCell>
|
|
<TableHead scope="row">연락처</TableHead>
|
|
<TableCell>{det.dsgnrTelno || "-"}</TableCell>
|
|
</TableRow>
|
|
<TableRow>
|
|
<TableHead scope="row">소속</TableHead>
|
|
<TableCell>{det.dsgnrOgdpNm || "-"}</TableCell>
|
|
<TableHead scope="row">이메일</TableHead>
|
|
<TableCell>{det.dsgnrEmlAddr || "-"}</TableCell>
|
|
</TableRow>
|
|
</>
|
|
)}
|
|
</TableHeader>
|
|
</Table>
|
|
</SectionCollapsible>
|
|
);
|
|
}
|
|
|
|
export { ContactInfoSection };
|