- 부가서비스: 계좌 성명조회 상세정보 목업 데이터 API 연동

src/entities/additional-service/ui/info-wrap/detail-info-wrap.tsx

@@ -0,0 +1,47 @@
+import moment from 'moment';
+import { SectionTitleArrow } from '@/entities/common/ui/section-title-arrow';
+import { DetailInfoSectionProps } from '../../model/types';
+import { SlideDown } from 'react-slidedown';
+import 'react-slidedown/lib/slidedown.css';
+
+export const DetailInfoWrap = ({
+    additionalServiceCategory,
+    detailInfo
+}: DetailInfoSectionProps) => {
+
+    return (
+        <>
+            <div className="detail-title">상세 정보</div>
+            <ul className="kv-list">
+                <li className="kv-row">
+                    <span className="k">예금주</span>
+                    <span className="v">{detailInfo?.accountName}</span>
+                </li>
+                <li className="kv-row">
+                    <span className="k">조회 일시</span>
+                    <span className="v">{detailInfo?.requestDate}</span>
+                </li>
+                <li className="kv-row">
+                    <span className="k">결과</span>
+                    <span className="v">{detailInfo?.resultStatus}</span>
+                </li>
+                <li className="kv-row">
+                    <span className="k">실패사유</span>
+                    <span className="v">{detailInfo?.failureReason}</span>
+                </li>
+                <li className="kv-row">
+                    <span className="k">은행</span>
+                    <span className="v">{detailInfo?.bankName}</span>
+                </li>
+                <li className="kv-row">
+                    <span className="k">계좌번호</span>
+                    <span className="v">{detailInfo?.accountNo}</span>
+                </li>
+                <li className="kv-row">
+                    <span className="k">요청 구분</span>
+                    <span className="v">{detailInfo?.requestWay}</span>
+                </li>
+            </ul>
+        </>
+    )
+};