nicepayments/nice-app-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

- 계좌 점유 인증 페이지 , 계좌 성명 조회 페이지 수정

Browse Source 
- 알림톡_서비스 설정 수정
- 일부 부정확한 페이지 UI 수정
This commit is contained in:
HyeonJongKim
2025-10-24 14:00:45 +09:00
parent 7f891b85b1
commit ef68bfec16
33 changed files with 133 additions and 145 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src/entities/additional-service/ui/account-holder-auth/account-holder-auth-list.tsx
View File

@@ -29,6 +29,7 @@ export const AccountHolderAuthList = ({
<ListDateGroup
additionalServiceCategory={additionalServiceCategory}
key={date + '-' + i}
mid={mid}
date={date}
items={list}
></ListDateGroup>

4
src/entities/additional-service/ui/account-holder-auth/filter/account-holder-auth-filter.tsx
View File

@@ -24,8 +24,8 @@ export const AccountHolderAuthFilter = ({
}: AccountHolderAuthFilterProps) => {
const [filterMid, setFilterMid] = useState<string>(mid);
const [filterStartDate, setFilterStartDate] = useState<string>(moment(startDate).format('YYYY.MM.DD'));
const [filterEndDate, setFilterEndDate] = useState<string>(moment(endDate).format('YYYY.MM.DD'));
const [filterStartDate, setFilterStartDate] = useState<string>(moment(startDate).format('YYYYMMDD'));
const [filterEndDate, setFilterEndDate] = useState<string>(moment(endDate).format('YYYYMMDD'));
const [filterAuthStatus, setFilterAuthStatus] = useState<AccountHolderAuthStatus>(authStatus);
const midOptions = useStore.getState().UserStore.selectOptionsMids;

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

@@ -30,6 +30,7 @@ export const AccountHolderSearchList = ({
<ListDateGroup
additionalServiceCategory={AdditionalServiceCategory.AccountHolderSearch}
key={date + '-' + i}
mid={mid}
date={date}
items={list}
></ListDateGroup>

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

@@ -1,13 +1,9 @@
import moment from 'moment';
import { IMAGE_ROOT } from '@/shared/constants/common';
import { motion } from 'framer-motion';
import { useState } from 'react';
import {
ProcessResult
} from '../../../model/types';
import { useEffect, useState } from 'react';
import { FilterSelect } from '@/shared/ui/filter/select';
import { FilterSelectInput } from '@/shared/ui/filter/select-input';
import { FilterDateOptions } from '@/entities/common/model/types';
import { FilterCalendar } from '@/shared/ui/filter/calendar';
import { FilterButtonGroups } from '@/shared/ui/filter/button-groups';
import { FilterMotionDuration, FilterMotionStyle, FilterMotionVariants } from '@/entities/common/model/constant';
@@ -37,16 +33,19 @@ export const AccountHolderSearchFilter = ({
const [filterMid, setFilterMid] = useState<string>(mid);
const [filterSearchType, setFilterSearchType] = useState<AccountHolderSearchCl>(searchType);
const [filterSearchKeyword, setFilterSearchKeyword] = useState<string>(searchKeyword);
const [filterStartDate, setFilterStartDate] = useState<string>(moment(startDate).format('YYYY.MM.DD'));
const [filterEndDate, setFilterEndDate] = useState<string>(moment(endDate).format('YYYY.MM.DD'));
const [filterStartDate, setFilterStartDate] = useState<string>(moment(startDate).format('YYYYMMDD'));
const [filterEndDate, setFilterEndDate] = useState<string>(moment(endDate).format('YYYYMMDD'));
const [filterBank, setFilterBank] = useState<string>(bank)
const [filterResultStatus, setFilterResultStatus] = useState<AccountHolderResultStatus>(resultStatus);
const midOptions = useStore.getState().UserStore.selectOptionsMids;
const bankList = useStore.getState().CommonStore.bankList;
const bankOptions = bankList
.filter((bank) => bank.code1 !== '****')
.map((bank) => ({ name: bank.desc1, value: bank.code1 }));
const bankOptions = [
{ name: '선택', value: '' },
...bankList
.filter((bank) => bank.code1 !== '****')
.map((bank) => ({ name: bank.desc1, value: bank.code1 }))
];
const onClickToClose = () => {
setFilterOn(false);
@@ -63,6 +62,10 @@ export const AccountHolderSearchFilter = ({
onClickToClose();
};
useEffect(() => {
setFilterResultStatus(resultStatus);
}, [resultStatus]);
return (
<>
<motion.div

1
src/entities/additional-service/ui/face-auth/filter/face-auth-filter.tsx
View File

@@ -2,7 +2,6 @@ import moment from 'moment';
import { IMAGE_ROOT } from '@/shared/constants/common';
import { motion } from 'framer-motion';
import { useEffect, useState } from 'react';
import {ProcessResult} from '../../../model/types';
import { FilterSelect } from '@/shared/ui/filter/select';
import { FilterInput } from '@/shared/ui/filter/input';
import { FilterCalendar } from '@/shared/ui/filter/calendar';

15
src/entities/additional-service/ui/filter/fund-account-result-filter.tsx
View File

@@ -56,15 +56,18 @@ export const FundAccountResultFilter = ({
const [filterSearchCl, setFilterSearchCl] = useState<FundAccountSearchCl>(searchCl);
const [filterSearchValue, setFilterSearchValue] = useState<string>(searchValue);
const [filterSearchDateType, setFilterSearchDateType] = useState<FundAccountSearchDateType>(searchDateType);
const [filterFromDate, setFilterFromDate] = useState<string>(moment(fromDate).format('YYYY.MM.DD'));
const [filterToDate, setFilterToDate] = useState<string>(moment(toDate).format('YYYY.MM.DD'));
const [filterFromDate, setFilterFromDate] = useState<string>(moment(fromDate).format('YYYYMMDD'));
const [filterToDate, setFilterToDate] = useState<string>(moment(toDate).format('YYYYMMDD'));
const [filterBankCode, setFilterBankCode] = useState<string>(bankCode);
const [filterResultStatus, setFilterResultStatus] = useState<FundAccountResultStatus>(resultStatus);
const bankList = useStore.getState().CommonStore.bankList;
const bankOptions = bankList
.filter((bank) => bank.code1 !== '****')
.map((bank) => ({ name: bank.desc1, value: bank.code1 }));
const bankOptions = [
{ name: '선택', value: '' },
...bankList
.filter((bank) => bank.code1 !== '****')
.map((bank) => ({ name: bank.desc1, value: bank.code1 }))
];
const midOptions = useStore.getState().UserStore.selectOptionsMids;
@@ -91,7 +94,7 @@ export const FundAccountResultFilter = ({
};
useEffect(() => {
setResultStatus(resultStatus);
setFilterResultStatus(resultStatus);
}, [resultStatus]);
return (

9
src/entities/additional-service/ui/filter/fund-account-trnasaction-filter.tsx
View File

@@ -58,9 +58,12 @@ export const FundAccountTransactionFilter = ({
const midOptions = useStore.getState().UserStore.selectOptionsMids;
const bankList = useStore.getState().CommonStore.bankList;
const bankOptions = bankList
.filter((bank) => bank.code1 !== '****')
.map((bank) => ({ name: bank.desc1, value: bank.code1 }));
const bankOptions = [
{ name: '선택', value: '' },
...bankList
.filter((bank) => bank.code1 !== '****')
.map((bank) => ({ name: bank.desc1, value: bank.code1 }))
];
const onClickToClose = () => {
setFilterOn(false);

3
src/entities/additional-service/ui/fund-account/result-list-wrap.tsx
View File

@@ -125,9 +125,6 @@ export const FundAccountResultListWrap = () => {
};
const onClickToStatus = (val: FundAccountResultStatus) => {
setResultStatus(val);
callList({
resultStatus: val
});
};
const getListDateGroup = () => {

3
src/entities/additional-service/ui/fund-account/transfer-list-wrap.tsx
View File

@@ -118,9 +118,6 @@ export const FundAccountTransferListWrap = () => {
const onClickToStatus = (val: FundAccountStatus) => {
setStatus(val);
callList({
status: val
});
};
const getListDateGroup = () => {

2
src/entities/additional-service/ui/key-in-payment/key-in-payment-list.tsx
View File

@@ -25,7 +25,6 @@ export const KeyInPaymentList = ({
date = paymentDate;
}
if (date !== paymentDate) {
date = paymentDate;
if (list.length > 0) {
rs.push(
<ListDateGroup
@@ -36,6 +35,7 @@ export const KeyInPaymentList = ({
></ListDateGroup>
);
}
date = paymentDate;
list = [];
}
list.push(items);

9
src/entities/additional-service/ui/link-payment/filter/link-payment-history-filter.tsx
View File

@@ -46,8 +46,6 @@ export const LinkPaymentHistoryFilter = ({
const [filterSendStatus, setFilterSendStatus] = useState<LinkPaymentSendStatus>(sendStatus);
const [filterSendMethod, setFilterSendMethod] = useState<LinkPaymentSendMethod>(sendMethod);
const [calendarOpen, setCalendarOpen] = useState<boolean>(false);
const midOptions = useStore.getState().UserStore.selectOptionsMids;
let searchTypeOption = [
@@ -94,9 +92,8 @@ export const LinkPaymentHistoryFilter = ({
};
useEffect(() => {
})
setFilterTransactionStatus(paymentStatus);
}, [paymentStatus]);
return (
<>
<motion.div
@@ -138,7 +135,7 @@ export const LinkPaymentHistoryFilter = ({
selectSetter={setFilterSearchCl}
selectOptions={searchTypeOption}
inputValue={searchValue}
inputSetter={setSearchKeyword}
inputSetter={setFilterSearchValue}
></FilterSelectInput>
<FilterCalendar
startDate={filterStartDate}

17
src/entities/additional-service/ui/link-payment/filter/link-payment-pending-send-filter.tsx
View File

@@ -39,10 +39,6 @@ export const LinkPaymentWaitSendFilter = ({
const [filterEndDate, setFilterEndDate] = useState<string>(endDate);
const [filterSendMethod, setFilterSendMethod] = useState<LinkPaymentSendMethod>(sendMethod)
const [filterProcessStatus, setFilterProcessStatus] = useState<LinkPaymentProcessStatus>(processStatus);
const [dateReadOnly, setDateReadyOnly] = useState<boolean>(true);
const [filterDateOptionsBtn, setFilterDateOptionsBtn] = useState<FilterDateOptions>(FilterDateOptions.Input);
const [calendarOpen, setCalendarOpen] = useState<boolean>(false);
const midOptions = useStore.getState().UserStore.selectOptionsMids;
@@ -50,10 +46,6 @@ export const LinkPaymentWaitSendFilter = ({
setFilterOn(false);
};
const setNewDate = (newDate: any) => {
console.log(newDate)
};
const onClickToSetFilter = () => {
setMid(filterMid);
setSearchType(filterSearchType);
@@ -83,6 +75,9 @@ export const LinkPaymentWaitSendFilter = ({
{ name: '발송취소', value: LinkPaymentProcessStatus.SEND_CANCEL },
];
useEffect(() => {
setFilterProcessStatus(processStatus);
}, [processStatus]);
return (
<>
<motion.div
@@ -120,11 +115,11 @@ export const LinkPaymentWaitSendFilter = ({
<FilterSelectInput
title='휴대폰번호/이메일'
selectValue={searchCl}
selectValue={filterSearchType}
selectSetter={setFilterSearchType}
selectOptions={searchTypeOption}
inputValue={searchKeyword}
inputSetter={setSearchKeyword}
inputValue={filterSearchKeyword}
inputSetter={setFilterSearchKeyword}
></FilterSelectInput>
<FilterCalendar
startDate={filterStartDate}

1
src/entities/additional-service/ui/link-payment/link-payment-history-list.tsx
View File

@@ -22,7 +22,6 @@ export const LinkPaymentHistoryList = ({
date = sendDate;
}
if (date !== sendDate) {
if (list.length > 0) {
rs.push(
<ListDateGroup

3
src/entities/additional-service/ui/link-payment/link-payment-history-wrap.tsx
View File

@@ -103,9 +103,6 @@ export const LinkPaymentHistoryWrap = () => {
const onClickPaymentStatus = (val: LinkPaymentPaymentStatus) => {
setPaymentStatus(val);
callList({
status: val
})
}
const onClickToSort = (sort: SortTypeKeys) => {

3
src/entities/additional-service/ui/link-payment/link-payment-wait-send-wrap.tsx
View File

@@ -102,9 +102,6 @@ export const LinkPaymentWaitSendWrap = () => {
const onClickSendingStatus = (val: LinkPaymentProcessStatus) => {
setProcessStatus(val);
callList({
status: val
});
};
useEffect(() => {

13
src/entities/additional-service/ui/list-item.tsx
View File

@@ -88,6 +88,13 @@ export const ListItem = ({
rs = 'gray';
}
}
else if (additionalServiceCategory === AdditionalServiceCategory.Alimtalk) {
if (sendCl === "SUCCESS" || "REQUEST") {
rs = 'blue';
} else {
rs = 'gray';
}
}
else if (additionalServiceCategory === AdditionalServiceCategory.FaceAuth) {
if (authResult === "SUCCESS") {
rs = 'blue';
@@ -531,9 +538,11 @@ export const ListItem = ({
);
}
else if (additionalServiceCategory === AdditionalServiceCategory.AccountHolderAuth) {
const statusText = authStatus === 'REQUEST' ? '요청' : authStatus === 'SUCCESS' ? '성공' : '실패';
const statusClass = authStatus === 'SUCCESS' || 'REQUEST' ? 'success' : 'fail';
rs.push(
<div className={`status-label ${(authStatus === 'REQUEST' || authStatus === 'SUCCESS') ? 'success' : 'fail'}`}>
{(authStatus === 'REQUEST' || authStatus === 'SUCCESS') ? '성공' : '실패'}
<div className={`status-label ${statusClass}`}>
{statusText}
</div>
);
}

2
src/entities/additional-service/ui/sms-payment/sms-payment-list.tsx
View File

@@ -23,7 +23,6 @@ export const SmsPaymentList = ({
date = paymentDate;
}
if(date !== paymentDate) {
date = paymentDate;
if(list.length > 0) {
rs.push(
<ListDateGroup
@@ -34,6 +33,7 @@ export const SmsPaymentList = ({
></ListDateGroup>
);
}
date = paymentDate;
list = [];
}
list.push(items);