- 부가서비스 : 계좌성명조회 목업 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>
+        </>
+    );
+}

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

@@ -7,7 +7,7 @@ import {
     AccountHolderSearchType,
     AccountHolderSearchFilterProps,
     ProcessResult
-} from '../../model/types';
+} from '../../../model/types';
 import { FilterSelect } from '@/shared/ui/filter/select';
 import { FilterSelectInput } from '@/shared/ui/filter/select-input';
 import { FilterDateOptions } from '@/entities/common/model/types';
@@ -66,6 +66,7 @@ export const AccountHolderSearchFilter = ({
         setEndDate(filterEndDate);
         setBank(filterBank);
         setProcessResult(filterProcessResult);
+        onClickToClose();
     };
 
     let MidOptions = [
@@ -74,19 +75,19 @@ export const AccountHolderSearchFilter = ({
     ];
 
     let bankOptions = [
-        { name: '우리은행', value: '우리은행'},
-        { name: '토스뱅킹', value: '토스뱅킹'}
+        { name: '우리은행', value: '우리은행' },
+        { name: '토스뱅킹', value: '토스뱅킹' }
     ]
 
     let searchTypeOption = [
-        { name: '예금주', value: AccountHolderSearchType.ACCOUNT_HOLDER },
-        { name: '계좌번호', value: AccountHolderSearchType.ACCOUNT_NUMBER },
+        { name: '예금주', value: AccountHolderSearchType.ACCOUNT_NAME },
+        { name: '계좌번호', value: AccountHolderSearchType.ACCOUNT_NO },
     ]
 
     let processResultBtnGroup = [
         { name: '전체', value: ProcessResult.ALL },
         { name: '성공', value: ProcessResult.SUCCESS },
-        { name: '실패', value: ProcessResult.FAILURE },
+        { name: '실패', value: ProcessResult.FAIL },
     ];
 
     return (