35 lines
1.2 KiB
TypeScript
35 lines
1.2 KiB
TypeScript
'use client'
|
|
|
|
import { Inquiry } from '@/types/Inquiry'
|
|
|
|
export default function Answer({ inquiryDetail }: { inquiryDetail: Inquiry }) {
|
|
return (
|
|
<>
|
|
<div className="inquiry-answer-wrap">
|
|
<div className="inquiry-answer-header">
|
|
<div className="inquiry-answer-tit">Hanwha Japan 回答</div>
|
|
<div className="inquiry-answer-date">
|
|
<span>{inquiryDetail?.ansRegNm}</span>/ <span>{inquiryDetail?.ansRegDt}</span>
|
|
</div>
|
|
</div>
|
|
<div className="inquiry-detail-data">
|
|
<div className="inquiry-detail-category">回答</div>
|
|
<div className="inquiry-detail-txt">{inquiryDetail?.ansContents}</div>
|
|
</div>
|
|
<div className="file-list-wrap">
|
|
<div className="file-list-tit">ファイル添付</div>
|
|
<ul className="file-list">
|
|
{inquiryDetail?.ansListFile?.map((file) => (
|
|
<li className="file-item" key={file.fileNo}>
|
|
<button className="file-item-bx">
|
|
<div className="file-item-name">{file.srcFileNm} </div>
|
|
</button>
|
|
</li>
|
|
))}
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</>
|
|
)
|
|
}
|