- 부가서비스 : 계좌성명조회 목업 API 연결

- 부가서비스 Types 정리

src/entities/additional-service/ui/account-holder-search/account-holder-search-list.tsx

@@ -0,0 +1,46 @@
+import { PATHS } from '@/shared/constants/paths';
+import { useNavigate } from '@/shared/lib/hooks/use-navigate';
+import { ListDateGroup } from '../list-date-group';
+import { AccountHolderSearchListProps } from '../../model/types'
+
+export const AccountHolderSearchList = ({
+    additionalServiceCategory,
+    listItems,
+    mid
+}: AccountHolderSearchListProps) => {
+    const { navigate } = useNavigate();
+
+    const getListDateGroup = () => {
+        let rs = [];
+        for (const [key, value] of Object.entries(listItems)) {
+            rs.push(
+                <ListDateGroup
+                    additionalServiceCategory={additionalServiceCategory}
+                    key={key}
+                    date={key}
+                    items={value}
+                    mid={mid}
+                ></ListDateGroup>
+            );
+        }
+        return rs;
+    };
+
+    const onClickToNavigate = () => {
+        navigate(PATHS.additionalService.accountHolderSearch.request)
+    };
+
+    return (
+        <>
+            <div className="transaction-list">
+                {getListDateGroup()}
+                <div className="apply-row">
+                    <button
+                        className="btn-50 btn-blue flex-1"
+                        onClick={() => onClickToNavigate()}
+                    >조회 신청</button>
+                </div>
+            </div>
+        </>
+    );
+}