- 계좌 점유 인증 페이지 , 계좌 성명 조회 페이지 수정
- 알림톡_서비스 설정 수정 - 일부 부정확한 페이지 UI 수정
This commit is contained in:
HyeonJongKim
@@ -3,15 +3,15 @@ import { PATHS } from '@/shared/constants/paths';
|
||||
import { useNavigate } from '@/shared/lib/hooks/use-navigate';
|
||||
import { HeaderType } from '@/entities/common/model/types';
|
||||
import { IMAGE_ROOT } from '@/shared/constants/common';
|
||||
import {
|
||||
useSetHeaderTitle,
|
||||
useSetHeaderType,
|
||||
useSetFooterMode,
|
||||
import {
|
||||
useSetHeaderTitle,
|
||||
useSetHeaderType,
|
||||
useSetFooterMode,
|
||||
useSetOnBack
|
||||
} from '@/widgets/sub-layout/use-sub-layout';
|
||||
import { useExtensionAlimtalkSettingDetailMutation } from '@/entities/additional-service/api/alimtalk/use-extansion-alimtalk-setting-detail-mutation';
|
||||
import { useExtensionAlimtalkSettingSaveMutation } from '@/entities/additional-service/api/alimtalk/use-extansion-alimtalk-setting-save-mutation';
|
||||
import {
|
||||
import {
|
||||
AlimtalkSettingFlagKeys,
|
||||
ExtensionAlimtalkSettingDetailParams,
|
||||
ExtensionAlimtalkSettingDetailResponse,
|
||||
@@ -22,13 +22,14 @@ import {
|
||||
import { useEffect, useState } from 'react';
|
||||
import { AlimTalkSettingServiceRow } from '@/entities/additional-service/ui/alimtalk/setting-service-row';
|
||||
import { useStore } from '@/shared/model/store';
|
||||
import { snackBar } from '@/shared/lib';
|
||||
|
||||
export const AlimtalkSettingPage = () => {
|
||||
const { navigate } = useNavigate();
|
||||
const userMid = useStore.getState().UserStore.mid;
|
||||
|
||||
const [mid, setMid] = useState<string>(userMid);
|
||||
|
||||
|
||||
const [merchantCardApprovalFlag, setMerchantCardApprovalFlag] = useState<boolean>(false);
|
||||
const [merchantCardCancelFlag, setMerchantCardCancelFlag] = useState<boolean>(false);
|
||||
const [merchantBankApprovalFlag, setMerchantBankApprovalFlag] = useState<boolean>(false);
|
||||
@@ -54,10 +55,10 @@ export const AlimtalkSettingPage = () => {
|
||||
};
|
||||
|
||||
alimtalkSettingDetail(params).then((rs: ExtensionAlimtalkSettingDetailResponse) => {
|
||||
let sendMerchantInfo = rs.content[0]?.sendMerchantInfo;
|
||||
let sendUserInfo = rs.content[0]?.sendUserInfo;
|
||||
let sendMerchantInfo = rs.sendMerchantInfo;
|
||||
let sendUserInfo = rs.sendUserInfo;
|
||||
|
||||
if(sendMerchantInfo){
|
||||
if (sendMerchantInfo) {
|
||||
setMerchantCardApprovalFlag((sendMerchantInfo?.cardApprovalFlag || false));
|
||||
setMerchantCardCancelFlag(sendMerchantInfo?.cardCancelFlag || false);
|
||||
setMerchantBankApprovalFlag(sendMerchantInfo?.bankApprovalFlag || false);
|
||||
@@ -66,7 +67,7 @@ export const AlimtalkSettingPage = () => {
|
||||
setMerchantVirtureAccountDepositCompleteFlag(sendMerchantInfo?.virtureAccountDepositCompleteFlag || false);
|
||||
setMerchantVirtureAccountRefundFlag(sendMerchantInfo?.virtureAccountRefundFlag || false);
|
||||
}
|
||||
if(sendUserInfo){
|
||||
if (sendUserInfo) {
|
||||
setUserCardApprovalFlag(sendUserInfo?.cardApprovalFlag || false);
|
||||
setUserCardCancelFlag(sendUserInfo?.cardCancelFlag || false);
|
||||
setUserBankApprovalFlag(sendUserInfo?.bankApprovalFlag || false);
|
||||
@@ -79,7 +80,7 @@ export const AlimtalkSettingPage = () => {
|
||||
};
|
||||
|
||||
const callSettingSave = () => {
|
||||
let params: ExtensionAlimtalkSettingSaveParams = {
|
||||
let params: ExtensionAlimtalkSettingSaveParams = {
|
||||
mid: mid,
|
||||
sendMerchantInfo: {
|
||||
cardApprovalFlag: merchantCardApprovalFlag,
|
||||
@@ -100,9 +101,14 @@ export const AlimtalkSettingPage = () => {
|
||||
virtureAccountRefundFlag: userVirtureAccountRefundFlag
|
||||
},
|
||||
};
|
||||
alimtalkSettingSave(params).then((rs) => {
|
||||
console.log(rs);
|
||||
});
|
||||
alimtalkSettingSave(params)
|
||||
.then((rs) => {
|
||||
snackBar("저장을 성공하였습니다.");
|
||||
})
|
||||
.catch((error) => {
|
||||
const failReason = error?.response?.data?.message || error?.message || "알 수 없는 오류";
|
||||
snackBar(`[실패] ${failReason}`);
|
||||
});
|
||||
};
|
||||
|
||||
useSetHeaderTitle('알림톡 결제통보');
|
||||
@@ -152,52 +158,52 @@ export const AlimtalkSettingPage = () => {
|
||||
<div className="service-section">
|
||||
<AlimTalkSettingServiceRow
|
||||
title='신용카드(승인)'
|
||||
merchantFlag={ merchantCardApprovalFlag }
|
||||
userFlag={ userCardApprovalFlag }
|
||||
setMerchantFlag={ setMerchantCardApprovalFlag }
|
||||
setUserFlag={ setUserCardApprovalFlag }
|
||||
merchantFlag={merchantCardApprovalFlag}
|
||||
userFlag={userCardApprovalFlag}
|
||||
setMerchantFlag={setMerchantCardApprovalFlag}
|
||||
setUserFlag={setUserCardApprovalFlag}
|
||||
></AlimTalkSettingServiceRow>
|
||||
<AlimTalkSettingServiceRow
|
||||
title='신용카드(취소)'
|
||||
merchantFlag={ merchantBankApprovalFlag }
|
||||
userFlag={ userCardCancelFlag }
|
||||
setMerchantFlag={ setMerchantBankApprovalFlag }
|
||||
setUserFlag={ setUserCardCancelFlag }
|
||||
merchantFlag={merchantBankApprovalFlag}
|
||||
userFlag={userCardCancelFlag}
|
||||
setMerchantFlag={setMerchantBankApprovalFlag}
|
||||
setUserFlag={setUserCardCancelFlag}
|
||||
></AlimTalkSettingServiceRow>
|
||||
<AlimTalkSettingServiceRow
|
||||
title='계좌이체(승인)'
|
||||
merchantFlag={ merchantBankApprovalFlag }
|
||||
userFlag={ userBankApprovalFlag }
|
||||
setMerchantFlag={ setMerchantBankApprovalFlag }
|
||||
setUserFlag={ setUserBankApprovalFlag }
|
||||
merchantFlag={merchantBankApprovalFlag}
|
||||
userFlag={userBankApprovalFlag}
|
||||
setMerchantFlag={setMerchantBankApprovalFlag}
|
||||
setUserFlag={setUserBankApprovalFlag}
|
||||
></AlimTalkSettingServiceRow>
|
||||
<AlimTalkSettingServiceRow
|
||||
title='계좌이체(취소)'
|
||||
merchantFlag={ merchantBankCancelFlag }
|
||||
userFlag={ userBankCancelFlag }
|
||||
setMerchantFlag={ setMerchantBankCancelFlag }
|
||||
setUserFlag={ setUserBankCancelFlag }
|
||||
merchantFlag={merchantBankCancelFlag}
|
||||
userFlag={userBankCancelFlag}
|
||||
setMerchantFlag={setMerchantBankCancelFlag}
|
||||
setUserFlag={setUserBankCancelFlag}
|
||||
></AlimTalkSettingServiceRow>
|
||||
<AlimTalkSettingServiceRow
|
||||
title='가상계좌(입금요청)'
|
||||
merchantFlag={ merchantVirtureAccountDepositRequestFlag }
|
||||
userFlag={ userVirtureAccountDepositRequestFlag }
|
||||
setMerchantFlag={ setMerchantVirtureAccountDepositRequestFlag }
|
||||
setUserFlag={ setUserVirtureAccountDepositRequestFlag }
|
||||
merchantFlag={merchantVirtureAccountDepositRequestFlag}
|
||||
userFlag={userVirtureAccountDepositRequestFlag}
|
||||
setMerchantFlag={setMerchantVirtureAccountDepositRequestFlag}
|
||||
setUserFlag={setUserVirtureAccountDepositRequestFlag}
|
||||
></AlimTalkSettingServiceRow>
|
||||
<AlimTalkSettingServiceRow
|
||||
title='가상계좌(입금완료)'
|
||||
merchantFlag={ merchantVirtureAccountDepositCompleteFlag }
|
||||
userFlag={ userVirtureAccountDepositCompleteFlag }
|
||||
setMerchantFlag={ setMerchantVirtureAccountDepositCompleteFlag }
|
||||
setUserFlag={ setUserVirtureAccountDepositCompleteFlag }
|
||||
merchantFlag={merchantVirtureAccountDepositCompleteFlag}
|
||||
userFlag={userVirtureAccountDepositCompleteFlag}
|
||||
setMerchantFlag={setMerchantVirtureAccountDepositCompleteFlag}
|
||||
setUserFlag={setUserVirtureAccountDepositCompleteFlag}
|
||||
></AlimTalkSettingServiceRow>
|
||||
<AlimTalkSettingServiceRow
|
||||
title='가상계좌(환불)'
|
||||
merchantFlag={ merchantVirtureAccountRefundFlag }
|
||||
userFlag={ userVirtureAccountRefundFlag }
|
||||
setMerchantFlag={ setMerchantVirtureAccountRefundFlag }
|
||||
setUserFlag={ setUserVirtureAccountRefundFlag }
|
||||
merchantFlag={merchantVirtureAccountRefundFlag}
|
||||
userFlag={userVirtureAccountRefundFlag}
|
||||
setMerchantFlag={setMerchantVirtureAccountRefundFlag}
|
||||
setUserFlag={setUserVirtureAccountRefundFlag}
|
||||
></AlimTalkSettingServiceRow>
|
||||
</div>
|
||||
</div>
|
||||
@@ -205,7 +211,7 @@ export const AlimtalkSettingPage = () => {
|
||||
<div className="apply-row">
|
||||
<button
|
||||
className="btn-50 btn-blue flex-1"
|
||||
onClick={ () => onClickToSave() }
|
||||
onClick={() => onClickToSave()}
|
||||
>저장</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user