수정
This commit is contained in:
@@ -15,15 +15,17 @@ import { NumericFormat } from 'react-number-format';
|
|||||||
import { SortOptionsBox } from '@/entities/common/ui/sort-options-box';
|
import { SortOptionsBox } from '@/entities/common/ui/sort-options-box';
|
||||||
import { FundAccountStatusBtnGroup } from '../../model/fund-account/constant';
|
import { FundAccountStatusBtnGroup } from '../../model/fund-account/constant';
|
||||||
import { FundAccountResultFilter } from '../filter/fund-account-result-filter';
|
import { FundAccountResultFilter } from '../filter/fund-account-result-filter';
|
||||||
|
import { useStore } from '@/shared/model/store';
|
||||||
|
|
||||||
export const FundAccountResultListWrap = () => {
|
export const FundAccountResultListWrap = () => {
|
||||||
const { navigate } = useNavigate();
|
const { navigate } = useNavigate();
|
||||||
|
const userMid = useStore.getState().UserStore.mid;
|
||||||
|
|
||||||
const [sortBy, setSortBy] = useState<SortByKeys>(SortByKeys.New);
|
const [sortBy, setSortBy] = useState<SortByKeys>(SortByKeys.New);
|
||||||
const [listItems, setListItems] = useState<Record<string, Array<FundAccountResultContentItem>>>({});
|
const [listItems, setListItems] = useState<Record<string, Array<FundAccountResultContentItem>>>({});
|
||||||
const [filterOn, setFilterOn] = useState<boolean>(false);
|
const [filterOn, setFilterOn] = useState<boolean>(false);
|
||||||
const [pageParam, setPageParam] = useState(DEFAULT_PAGE_PARAM);
|
const [pageParam, setPageParam] = useState(DEFAULT_PAGE_PARAM);
|
||||||
const [mid, setMid] = useState<string>('nictest00m');
|
const [mid, setMid] = useState<string>(userMid);
|
||||||
const [receiveAccountName, setReceiveAccountName] = useState<string>('');
|
const [receiveAccountName, setReceiveAccountName] = useState<string>('');
|
||||||
const [receiveAccountNo, setReceiveAccountNo] = useState<string>('');
|
const [receiveAccountNo, setReceiveAccountNo] = useState<string>('');
|
||||||
const [resultType, setResultType] = useState<FundAccountResultType>(FundAccountResultType.RequestDate);
|
const [resultType, setResultType] = useState<FundAccountResultType>(FundAccountResultType.RequestDate);
|
||||||
@@ -124,17 +126,21 @@ export const FundAccountResultListWrap = () => {
|
|||||||
|
|
||||||
const onClickToSort = (sort: SortByKeys) => {
|
const onClickToSort = (sort: SortByKeys) => {
|
||||||
setSortBy(sort);
|
setSortBy(sort);
|
||||||
callList({sortBy: sort});
|
callList({
|
||||||
|
sortBy: sort
|
||||||
|
});
|
||||||
};
|
};
|
||||||
const onClickToStatus = (val: FundAccountStatus) => {
|
const onClickToStatus = (val: FundAccountStatus) => {
|
||||||
setStatus(val);
|
setStatus(val);
|
||||||
callList({val: val});
|
callList({
|
||||||
|
val: val
|
||||||
|
});
|
||||||
};
|
};
|
||||||
|
|
||||||
const getListDateGroup = () => {
|
const getListDateGroup = () => {
|
||||||
let rs = [];
|
let rs = [];
|
||||||
if(Object.keys(listItems).length > 0){
|
if(Object.keys(listItems).length > 0){
|
||||||
for (const [key, value] of Object.entries(listItems)) {
|
for(const [key, value] of Object.entries(listItems)){
|
||||||
rs.push(
|
rs.push(
|
||||||
<ListDateGroup
|
<ListDateGroup
|
||||||
additionalServiceCategory={ AdditionalServiceCategory.FundAccountResult }
|
additionalServiceCategory={ AdditionalServiceCategory.FundAccountResult }
|
||||||
|
|||||||
@@ -48,9 +48,7 @@ export const NotificationDataWrap = () => {
|
|||||||
<>
|
<>
|
||||||
<div className="ing-list">
|
<div className="ing-list">
|
||||||
<div className="input-wrapper top-select mt-16">
|
<div className="input-wrapper top-select mt-16">
|
||||||
<select
|
<select onChange={ (e) => onChangeMid(e.target.value) }>
|
||||||
onChange={ (e) => onChangeMid(e.target.value) }
|
|
||||||
>
|
|
||||||
{
|
{
|
||||||
midOptions.map((value, index) => (
|
midOptions.map((value, index) => (
|
||||||
<option
|
<option
|
||||||
@@ -69,7 +67,7 @@ export const NotificationDataWrap = () => {
|
|||||||
<ul className="notify-list">
|
<ul className="notify-list">
|
||||||
<li>
|
<li>
|
||||||
<NotifyRow
|
<NotifyRow
|
||||||
paymentMethodName={ '신용카드' }
|
paymentMethodName='신용카드'
|
||||||
type={ NotifyRowKeys.CreditCard }
|
type={ NotifyRowKeys.CreditCard }
|
||||||
startDate={ creditCard?.startDate }
|
startDate={ creditCard?.startDate }
|
||||||
adminEmail={ creditCard?.adminEmail }
|
adminEmail={ creditCard?.adminEmail }
|
||||||
@@ -85,7 +83,7 @@ export const NotificationDataWrap = () => {
|
|||||||
<li className="notify-divider"></li>
|
<li className="notify-divider"></li>
|
||||||
<li>
|
<li>
|
||||||
<NotifyRow
|
<NotifyRow
|
||||||
paymentMethodName={ '계좌이체' }
|
paymentMethodName='계좌이체'
|
||||||
type={ NotifyRowKeys.AccountTransfer }
|
type={ NotifyRowKeys.AccountTransfer }
|
||||||
startDate={ accountTransfer?.startDate }
|
startDate={ accountTransfer?.startDate }
|
||||||
adminEmail={ accountTransfer?.adminEmail }
|
adminEmail={ accountTransfer?.adminEmail }
|
||||||
@@ -101,7 +99,7 @@ export const NotificationDataWrap = () => {
|
|||||||
<li className="notify-divider"></li>
|
<li className="notify-divider"></li>
|
||||||
<li>
|
<li>
|
||||||
<NotifyRow
|
<NotifyRow
|
||||||
paymentMethodName={ '가상계좌' }
|
paymentMethodName='가상계좌'
|
||||||
type={ NotifyRowKeys.VirtualAccount }
|
type={ NotifyRowKeys.VirtualAccount }
|
||||||
startDate={ virtualAccount?.startDate }
|
startDate={ virtualAccount?.startDate }
|
||||||
adminEmail={ virtualAccount?.adminEmail }
|
adminEmail={ virtualAccount?.adminEmail }
|
||||||
@@ -117,7 +115,7 @@ export const NotificationDataWrap = () => {
|
|||||||
<li className="notify-divider"></li>
|
<li className="notify-divider"></li>
|
||||||
<li>
|
<li>
|
||||||
<NotifyRow
|
<NotifyRow
|
||||||
paymentMethodName={ '휴대폰' }
|
paymentMethodName='휴대폰'
|
||||||
type={ NotifyRowKeys.MobilePayment }
|
type={ NotifyRowKeys.MobilePayment }
|
||||||
startDate={ mobilePayment?.startDate }
|
startDate={ mobilePayment?.startDate }
|
||||||
adminEmail={ mobilePayment?.adminEmail }
|
adminEmail={ mobilePayment?.adminEmail }
|
||||||
@@ -133,7 +131,7 @@ export const NotificationDataWrap = () => {
|
|||||||
<li className="notify-divider"></li>
|
<li className="notify-divider"></li>
|
||||||
<li>
|
<li>
|
||||||
<NotifyRow
|
<NotifyRow
|
||||||
paymentMethodName={ '에스크로 결제' }
|
paymentMethodName='에스크로 결제'
|
||||||
type={ NotifyRowKeys.EscrowPayment }
|
type={ NotifyRowKeys.EscrowPayment }
|
||||||
startDate={ escrowPayment?.startDate }
|
startDate={ escrowPayment?.startDate }
|
||||||
adminEmail={ escrowPayment?.adminEmail }
|
adminEmail={ escrowPayment?.adminEmail }
|
||||||
|
|||||||
Reference in New Issue
Block a user