-부가서비스 MID 기준 SelectBox 처리 (추후 수정 가능)

- SMS 재발송 API 수정
This commit is contained in:
HyeonJongKim
2025-10-30 14:46:55 +09:00
parent 9d0b446ae8
commit 1ca06f8e8b
9 changed files with 106 additions and 31 deletions

View File

@@ -1,4 +1,4 @@
import { useState } from 'react';
import { useState, useEffect } from 'react';
import { PATHS } from '@/shared/constants/paths';
import { useNavigate } from '@/shared/lib/hooks/use-navigate';
import { HeaderType } from '@/entities/common/model/types';
@@ -17,7 +17,7 @@ import { snackBar } from '@/shared/lib';
export const AccountHolderSearchRequestPage = () => {
const { navigate } = useNavigate();
const userMid = useStore.getState().UserStore.mid;
const midOptions = useStore.getState().UserStore.selectOptionsMids
const midOptionsWithoutGids = useStore.getState().UserStore.selectOptionsMidsWithoutGids;
const bankList = useStore.getState().CommonStore.bankList
useSetHeaderTitle('계좌성명조회 신청');
@@ -30,11 +30,23 @@ export const AccountHolderSearchRequestPage = () => {
const { mutateAsync: accountHolderSearchRequest } = useExtensionAccountHolderSearchRequestMutation();
const [formData, setFormData] = useState({
mid: userMid,
mid: '',
bankCode: '',
accountNo: ''
})
// MID 초기값 설정
useEffect(() => {
if (!formData.mid && midOptionsWithoutGids.length > 0) {
// userMid가 옵션에 있으면 userMid 사용, 없으면 첫 번째 옵션 사용
const midItem = midOptionsWithoutGids.filter((value) => value.value === userMid);
const initialMid = (midItem.length > 0) ? userMid : midOptionsWithoutGids[0]?.value || '';
if (initialMid) {
setFormData({ ...formData, mid: initialMid });
}
}
}, [midOptionsWithoutGids, userMid]);
const handleInputChange = (field: string, value: string) => {
setFormData({ ...formData, [field]: value });
};
@@ -62,8 +74,8 @@ export const AccountHolderSearchRequestPage = () => {
.catch((error) => {
console.error("계좌성명 조회 조회 신청 실패: ", error)
const errorMessage = error?.response?.data?.error?.message ||
error?.message ||
'계좌성명 조회 신청 중 오류가 발생했습니다.';
error?.message ||
'계좌성명 조회 신청 중 오류가 발생했습니다.';
snackBar(`[실패] ${errorMessage}`);
})
};
@@ -88,7 +100,7 @@ export const AccountHolderSearchRequestPage = () => {
<div className="billing-field">
<select value={formData.mid} onChange={(e) => handleInputChange('mid', e.target.value)}>
{
midOptions.map((value) => (
midOptionsWithoutGids.map((value) => (
<option
key={value.value}
value={value.value}