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

mid 셋팅및 코드 정리

Browse Source
This commit is contained in:
focp212@naver.com
2025-10-10 15:26:04 +09:00
parent 306629be53
commit ced334f90f
41 changed files with 692 additions and 582 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
src/pages/account/password/modify-cancel-password-page.tsx
View File

@@ -10,10 +10,14 @@ import {
} from '@/widgets/sub-layout/use-sub-layout';
import { useUserChangeCancelPasswordMutation } from '@/entities/user/api/use-user-change-cancel-password-mutation';
import { snackBar } from '@/shared/lib/toast';
import { useStore } from '@/shared/model/store';
export const PasswordModifyCancelPasswordPage = () => {
const { navigate } = useNavigate();
const [mid, setMid] = useState<string>('nictest00m');
const midOptions = useStore.getState().UserStore.selectOptionsMids;
const userMid = useStore.getState().UserStore.mid;
const [mid, setMid] = useState<string>(userMid);
const [password, setPassword] = useState<string>('');
const [confirmPassword, setConfirmPassword] = useState<string>('');
@@ -74,10 +78,19 @@ export const PasswordModifyCancelPasswordPage = () => {
<div className="user-add">
<div className="ua-row">
<div className="ua-label">가맹점 <span className="red">*</span></div>
<select className="wid-100" value={mid} onChange={(e) => setMid(e.target.value)}>
{midList.map((item) => (
<option key={item.value} value={item.value}>{item.label}</option>
))}
<select
className="wid-100"
onChange={(e) => setMid(e.target.value)}
>
{
midOptions.map((value, index) => (
<option
key={ value.value }
value={ value.value }
selected={ (userMid === value.value)? true: false }
>{ value.name }</option>
))
}
</select>
</div>
<div className="ua-row">

15
src/pages/additional-service/account-holder-auth/account-holder-auth-page.tsx
View File

@@ -19,15 +19,17 @@ import { authStatusBtnGroup } from '@/entities/additional-service/model/account-
import { AccountHolderAuthList } from '@/entities/additional-service/ui/account-holder-auth/account-holder-auth-list';
import { useExtensionAccountHolderAuthDownloadExcelMutation } from '@/entities/additional-service/api/account-holder-auth/use-extension-account-holder-auth-download-excel-mutation';
import { AccountHolderAuthFilter } from '@/entities/additional-service/ui/account-holder-auth/filter/account-holder-auth-filter';
import { useStore } from '@/shared/model/store';
export const AccountHolderAuthPage = () => {
const { navigate } = useNavigate();
const userMid = useStore.getState().UserStore.mid;
const [sortBy, setSortBy] = useState<SortByKeys>(SortByKeys.New);
const [listItems, setListItems] = useState({});
const [filterOn, setFilterOn] = useState<boolean>(false);
const [pageParam, setPageParam] = useState(DEFAULT_PAGE_PARAM);
const [mid, setMid] = useState<string>('nictest00m');
const [mid, setMid] = useState<string>(userMid);
const [fromDate, setFromDate] = useState(moment().format('YYYY-MM-DD'));
const [toDate, setToDate] = useState(moment().format('YYYY-MM-DD'));
const [authStatus, setAuthStatus] = useState<AuthAndTransferStatus>(AuthAndTransferStatus.ALL)
@@ -45,7 +47,7 @@ export const AccountHolderAuthPage = () => {
sortBy?: string,
val?: string
}) => {
pageParam.sortBy = (option?.sortBy) ? option.sortBy : sortBy;
pageParam.sortBy = (option?.sortBy)? option.sortBy: sortBy;
setPageParam(pageParam);
let listParams = {
mid: mid,
@@ -67,15 +69,15 @@ export const AccountHolderAuthPage = () => {
for (let i = 0; i < content?.length; i++) {
let requestDate = content[i]?.requestDate?.substring(0, 8);
let groupDate = moment(requestDate).format('YYYYMMDD');
if (!!groupDate && !data.hasOwnProperty(groupDate)) {
if(!!groupDate && !data.hasOwnProperty(groupDate)){
data[groupDate] = [];
}
if (!!groupDate && data.hasOwnProperty(groupDate)) {
if(!!groupDate && data.hasOwnProperty(groupDate)){
data[groupDate].push(content[i]);
}
}
}
console.log('Data : ', data)
console.log('Data : ', data);
return data;
};
@@ -86,7 +88,7 @@ export const AccountHolderAuthPage = () => {
toDate: toDate,
authStatus: authStatus
}).then((rs) => {
console.log('Excel Downlaod Status : ' + rs.status)
console.log('Excel Downlaod Status : ' + rs.status);
});
}
@@ -108,6 +110,7 @@ export const AccountHolderAuthPage = () => {
useEffect(() => {
callList();
}, []);
return (
<>
<main>

14
src/pages/additional-service/account-holder-search/account-holder-search-page.tsx
View File

@@ -17,6 +17,7 @@ import { DEFAULT_PAGE_PARAM } from '@/entities/common/model/constant';
import { useExtensionAccountHolderSearchDownloadExcelMutation } from '@/entities/additional-service/api/account-holder-search/use-extension-account-holder-search-download-excel-mutation';
import { SortOptionsBox } from '@/entities/additional-service/ui/sort-options-box';
import { AccountHolderSearchList } from '@/entities/additional-service/ui/account-holder-search/account-holder-search-list';
import { useStore } from '@/shared/model/store';
const resultStatusBtnGroup = [
{ name: '전체', value: ProcessResult.ALL },
@@ -26,12 +27,13 @@ const resultStatusBtnGroup = [
export const AccountHolderSearchPage = () => {
const { navigate } = useNavigate();
const userMid = useStore.getState().UserStore.mid;
const [sortBy, setSortBy] = useState<SortByKeys>(SortByKeys.New);
const [listItems, setListItems] = useState({});
const [pageParam, setPageParam] = useState(DEFAULT_PAGE_PARAM);
const [filterOn, setFilterOn] = useState<boolean>(false);
const [mid, setMid] = useState<string>('nictest00m');
const [mid, setMid] = useState<string>(userMid);
const [searchType, setSearchType] = useState<AccountHolderSearchType>(AccountHolderSearchType.ACCOUNT_NO)
const [searchKeyword, setSearchKeyword] = useState<string>('');
const [startDate, setStartDate] = useState(moment().format('YYYY-MM-DD'));
@@ -72,7 +74,7 @@ export const AccountHolderSearchPage = () => {
}
const assembleData = (content: Array<AccountHolderSearchListItem>) => {
console.log('rs.content:', content)
console.log('rs.content:', content);
let data: any = {};
if (content && content.length > 0) {
for (let i = 0; i < content?.length; i++) {
@@ -86,7 +88,7 @@ export const AccountHolderSearchPage = () => {
}
}
}
console.log('Data : ', data)
console.log('Data : ', data);
return data;
};
@@ -104,7 +106,7 @@ export const AccountHolderSearchPage = () => {
bankCode: bank,
resultStatus: processResult
}).then((rs) => {
console.log('Excel Dowload Status : ' + rs.status)
console.log('Excel Dowload Status : ' + rs.status);
});
};
@@ -115,7 +117,9 @@ export const AccountHolderSearchPage = () => {
const onClickToTransactionStatus = (val: ProcessResult) => {
setProcessResult(val);
callList({ val: val });
callList({
val: val
});
};
useEffect(() => {

6
src/pages/additional-service/alimtalk/list-page.tsx
View File

@@ -26,15 +26,17 @@ import { useExtensionAlimtalkListMutation } from '@/entities/additional-service/
import { useExtensionAlimtalkDownloadExcelMutation } from '@/entities/additional-service/api/alimtalk/use-extansion-alimtalk-download-excel-mutation';
import { ListDateGroup } from '@/entities/additional-service/ui/list-date-group';
import { AdditionalServiceCategory } from '@/entities/additional-service/model/types';
import { useStore } from '@/shared/model/store';
export const AlimtalkListPage = () => {
const { navigate } = useNavigate();
const userMid = useStore.getState().UserStore.mid;
const [sortBy, setSortBy] = useState<SortByKeys>(SortByKeys.New);
const [listItems, setListItems] = useState<Record<string, Array<AlimtalkListContent>>>({});
const [filterOn, setFilterOn] = useState<boolean>(false);
const [pageParam, setPageParam] = useState(DEFAULT_PAGE_PARAM);
const [mid, setMid] = useState<string>('nictest00m');
const [mid, setMid] = useState<string>(userMid);
const [searchCl, setSearchCl] = useState<AlimtalkSearchCl>(AlimtalkSearchCl.BUYER_NAME);
const [searchValue, setSearchValue] = useState<string>();
const [paymentMethod, setPaymentMethod] = useState<string>();
@@ -123,7 +125,7 @@ export const AlimtalkListPage = () => {
const getAlimtalkList = () => {
let rs = [];
if(Object.keys(listItems).length > 0){
for (const [key, value] of Object.entries(listItems)) {
for(const [key, value] of Object.entries(listItems)){
rs.push(
<ListDateGroup
additionalServiceCategory={ AdditionalServiceCategory.Alimtalk }

6
src/pages/additional-service/alimtalk/setting-page.tsx
View File

@@ -21,11 +21,13 @@ import {
} from '@/entities/additional-service/model/alimtalk/types';
import { useEffect, useState } from 'react';
import { AlimTalkSettingServiceRow } from '@/entities/additional-service/ui/alimtalk/setting-service-row';
import { useStore } from '@/shared/model/store';
export const AlimtalkSettingPage = () => {
const { navigate } = useNavigate();
const userMid = useStore.getState().UserStore.mid;
const [mid, setMid] = useState<string>('nictest00m');
const [mid, setMid] = useState<string>(userMid);
const [merchantCardApprovalFlag, setMerchantCardApprovalFlag] = useState<boolean>(false);
const [merchantCardCancelFlag, setMerchantCardCancelFlag] = useState<boolean>(false);
@@ -48,7 +50,7 @@ export const AlimtalkSettingPage = () => {
const callSettingDetail = () => {
let params: ExtensionAlimtalkSettingDetailParams = {
mid: mid,
mid: mid
};
alimtalkSettingDetail(params).then((rs: ExtensionAlimtalkSettingDetailResponse) => {

4
src/pages/additional-service/ars/list-page.tsx
View File

@@ -19,15 +19,17 @@ import { AdditionalServiceCategory } from '@/entities/additional-service/model/t
import { SortOptionsBox } from '@/entities/common/ui/sort-options-box';
import { ArsPaymentStatusBtnGroup } from '@/entities/additional-service/model/ars/constant';
import { ArsFilter } from '@/entities/additional-service/ui/filter/ars-filter';
import { useStore } from '@/shared/model/store';
export const ArsListPage = () => {
const { navigate } = useNavigate();
const userMid = useStore.getState().UserStore.mid;
const [sortBy, setSortBy] = useState<SortByKeys>(SortByKeys.New);
const [listItems, setListItems] = useState<Record<string, Array<ArsListContent>>>({});
const [filterOn, setFilterOn] = useState<boolean>(false);
const [pageParam, setPageParam] = useState(DEFAULT_PAGE_PARAM);
const [mid, setMid] = useState<string>('nictest00m');
const [mid, setMid] = useState<string>(userMid);
const [moid, setMoid] = useState<string>('');
const [fromDate, setFromDate] = useState<string>(moment().format('YYYYMMDD'));
const [toDate, setToDate] = useState<string>(moment().format('YYYYMMDD'));

4
src/pages/additional-service/fund-account/transfer-request-page.tsx
View File

@@ -10,12 +10,14 @@ import {
import { useState } from 'react';
import { useExtensionFundAccountTransferRequestMutation } from '@/entities/additional-service/api/fund-account/use-extension-fund-account-transfer-request-mutation';
import { ExtensionFundAccountTransferRequestParams, ExtensionFundAccountTransferRequestResponse } from '@/entities/additional-service/model/fund-account/types';
import { useStore } from '@/shared/model/store';
export const FundAccountTransferRequestPage = () => {
const { navigate } = useNavigate();
const userMid = useStore.getState().UserStore.mid;
const [mid, setMid] = useState<string>('nictest00m')
const [mid, setMid] = useState<string>(userMid);
const [transferAmount, setTransferAmount] = useState<number>(0);
const [receiveBankCode, setReceiveBankCode] = useState<string>('');
const [receiveAccountNo, setReceiveAccountNo] = useState<string>('');

33
src/pages/additional-service/key-in-payment/key-in-payment-page.tsx
View File

@@ -17,6 +17,7 @@ import { SortOptionsBox } from '@/entities/additional-service/ui/sort-options-bo
import { useExtensionKeyinListMutation } from '@/entities/additional-service/api/use-extension-keyin-list-mutation';
import { DEFAULT_PAGE_PARAM } from '@/entities/common/model/constant';
import { KeyInPaymentList } from '@/entities/additional-service/ui/key-in-payment/key-in-payment-list';
import { useStore } from '@/shared/model/store';
// contant로 옮기기
const requestStatusBtnGroup = [
@@ -28,13 +29,13 @@ const requestStatusBtnGroup = [
export const KeyInPaymentPage = () => {
const { navigate } = useNavigate();
const userMid = useStore.getState().UserStore.mid;
const [sortBy, setSortBy] = useState<SortByKeys>(SortByKeys.New);
const [listItems, setListItems] = useState({});
const [filterOn, setFilterOn] = useState<boolean>(false);
const [pageParam, setPageParam] = useState(DEFAULT_PAGE_PARAM);
const [mid, setMid] = useState<string>('nictest00m');
const [mid, setMid] = useState<string>(userMid);
const [startDate, setStartDate] = useState(moment().format('YYYY-MM-DD'));
const [endDate, setEndDate] = useState(moment().format('YYYY-MM-DD'));
const [transactionStatus, setTransactionStatus] = useState<KeyInPaymentTransactionStatus>(KeyInPaymentTransactionStatus.ALL)
@@ -59,11 +60,11 @@ export const KeyInPaymentPage = () => {
pageParam.sortBy = (option?.sortBy) ? option.sortBy : sortBy;
setPageParam(pageParam);
let newMinAmount = minAmount;
if (!!minAmount && typeof (minAmount) === 'string') {
if(!!minAmount && typeof (minAmount) === 'string'){
newMinAmount = parseInt(minAmount);
}
let newMaxAmount = maxAmount;
if (!!maxAmount && typeof (maxAmount) === 'string') {
if(!!maxAmount && typeof (maxAmount) === 'string'){
newMaxAmount = parseInt(maxAmount);
}
let listParams = {
@@ -76,7 +77,7 @@ export const KeyInPaymentPage = () => {
page: pageParam
};
console.log("Request Info: ", listParams)
console.log('Request Info: ', listParams);
keyinList(listParams).then((rs) => {
setListItems(assembleData(rs.content));
@@ -84,21 +85,21 @@ export const KeyInPaymentPage = () => {
}
const assembleData = (content: Array<KeyInPaymentListItem>) => {
console.log('rs.content:', content)
console.log('rs.content:', content);
let data: any = {};
if (content && content.length > 0) {
for (let i = 0; i < content?.length; i++) {
for(let i = 0; i < content?.length; i++){
let paymentDate = content[i]?.paymentDate?.substring(0, 8);
let groupDate = moment(paymentDate).format('YYYYMMDD');
if (!!groupDate && !data.hasOwnProperty(groupDate)) {
if(!!groupDate && !data.hasOwnProperty(groupDate)){
data[groupDate] = [];
}
if (!!groupDate && data.hasOwnProperty(groupDate)) {
if(!!groupDate && data.hasOwnProperty(groupDate)){
data[groupDate].push(content[i]);
}
}
}
console.log('Data : ', data)
console.log('Data : ', data);
return data;
};
@@ -109,11 +110,11 @@ export const KeyInPaymentPage = () => {
const onClickToDownloadExcel = () => {
let newMinAmount = minAmount;
if (!!minAmount && typeof (minAmount) === 'string') {
if(!!minAmount && typeof (minAmount) === 'string'){
newMinAmount = parseInt(minAmount);
}
let newMaxAmount = maxAmount;
if (!!maxAmount && typeof (maxAmount) === 'string') {
if(!!maxAmount && typeof (maxAmount) === 'string'){
newMaxAmount = parseInt(maxAmount);
}
downloadExcel({
@@ -124,7 +125,7 @@ export const KeyInPaymentPage = () => {
minAmount: newMinAmount,
maxAmount: newMaxAmount
}).then((rs) => {
console.log('Excel Dowload Status : ' + rs.status)
console.log('Excel Dowload Status : ' + rs.status);
});
};
@@ -134,9 +135,11 @@ export const KeyInPaymentPage = () => {
};
const onClickToTransactionStatus = (val: KeyInPaymentTransactionStatus) => {
console.log("TransactionStatus Test: ", val)
console.log('TransactionStatus Test: ', val);
setTransactionStatus(val);
callList({ val: val });
callList({
val: val
});
};
useEffect(() => {

31
src/pages/additional-service/list-page.tsx
View File

@@ -11,11 +11,14 @@ import {
} from '@/widgets/sub-layout/use-sub-layout';
import { useExtensionListMutation } from '@/entities/additional-service/api/use-extension-list-mutation';
import { ExtensionListParams, ExtensionListResponse } from '@/entities/additional-service/model/types';
import { useStore } from '@/shared/model/store';
export const ListPage = () => {
const { navigate } = useNavigate();
const midOptions = useStore.getState().UserStore.selectOptionsMids;
const userMid = useStore.getState().UserStore.mid;
const [mid, setMid] = useState<string>('nictest00m');
const [mid, setMid] = useState<string>(userMid);
const { mutateAsync: extensionList } = useExtensionListMutation();
@@ -26,9 +29,9 @@ export const ListPage = () => {
navigate(PATHS.home);
});
const callExtensionList = () => {
const callExtensionList = (selectedMid: string) => {
let params: ExtensionListParams = {
mid: mid
mid: selectedMid
}
extensionList(params).then((rs: ExtensionListResponse) => {
console.log(rs)
@@ -36,7 +39,7 @@ export const ListPage = () => {
};
useEffect(() => {
callExtensionList();
callExtensionList(userMid);
}, []);
const activeExtensionList = [
@@ -135,6 +138,10 @@ export const ListPage = () => {
return rs;
};
const onChangeMid = (value: string) => {
callExtensionList(value);
};
return (
<>
<main>
@@ -142,11 +149,17 @@ export const ListPage = () => {
<div className="tab-pane sub active">
<div className="ing-list">
<div className="input-wrapper top-select">
<select>
<option value="1">nicetest00g</option>
<option value="2">nicetest00g</option>
<option value="3">nicetest00g</option>
</select>
<select onChange={ (e) => onChangeMid(e.target.value) }>
{
midOptions.map((value, index) => (
<option
key={ value.value }
value={ value.value }
selected={ (userMid === value.value)? true: false }
>{ value.name }</option>
))
}
</select>
</div>
<h3 className="ing-title">사용중인 서비스</h3>
{ getActiveExtensionList() }

8
src/pages/additional-service/payout/list-page.tsx
View File

@@ -27,15 +27,17 @@ import { PayoutFilter } from '@/entities/additional-service/ui/filter/payout-fil
import { PayoutDisbursementStatusBtnGroup } from '@/entities/additional-service/model/payout/constant';
import { ListDateGroup } from '@/entities/additional-service/ui/list-date-group';
import { AdditionalServiceCategory } from '@/entities/additional-service/model/types';
import { useStore } from '@/shared/model/store';
export const PayoutListPage = () => {
const { navigate } = useNavigate();
const userMid = useStore.getState().UserStore.mid;
const [sortBy, setSortBy] = useState<SortByKeys>(SortByKeys.New);
const [listItems, setListItems] = useState<Record<string, Array<PayoutContent>>>({});
const [filterOn, setFilterOn] = useState<boolean>(false);
const [pageParam, setPageParam] = useState(DEFAULT_PAGE_PARAM);
const [mid, setMid] = useState<string>('nictest00m');
const [mid, setMid] = useState<string>(userMid);
const [searchCl, setSearchCl] = useState<PayoutSearchCl>(PayoutSearchCl.REQUEST_DATE);
const [fromDate, setFromDate] = useState<string>(moment().format('YYYYMMDD'));
const [toDate, setToDate] = useState<string>(moment().format('YYYYMMDD'));
@@ -145,7 +147,9 @@ export const PayoutListPage = () => {
};
const onClickToDisbursementStatus = (val: PayoutDisbursementStatus) => {
setDisbursementStatus(val);
callExtensionPayoutList({val: val});
callExtensionPayoutList({
val: val
});
};

4
src/pages/additional-service/payout/request-page.tsx
View File

@@ -12,12 +12,14 @@ import { useState } from "react";
import { useExtensionPayoutRequestMutation } from "@/entities/additional-service/api/payout/use-extension-payout-request-mutation";
import { ExtensionPayoutRequestParams, ExtensionPayoutRequestResponse } from "@/entities/additional-service/model/payout/types";
import NiceCalendar from "@/shared/ui/calendar/nice-calendar";
import { useStore } from "@/shared/model/store";
export const PayoutRequestPage = () => {
const { navigate } = useNavigate();
const userMid = useStore.getState().UserStore.mid;
const [calendarOpen, setCalendarOpen] = useState<boolean>(false);
const [mid, setMid] = useState<string>('nictest00m')
const [mid, setMid] = useState<string>(userMid);
const [submallId, setSubmallId] = useState<string>('');
const [disbursementAmount, setDisbursementAmount] = useState<number>(0);
const [settlementDate, setSettlementDate] = useState<string>('');

29
src/pages/additional-service/sms-payment/sms-payment-page.tsx
View File

@@ -16,17 +16,20 @@ import { useExtensionSmsDownloadExcelMutation } from '@/entities/additional-serv
import { SmsPaymentList } from '@/entities/additional-service/ui/sms-payment/sms-payment-list';
import { SmsPaymentFilter } from '@/entities/additional-service/ui/sms-payment/sms-payment-filter';
import { useExtensionSmsDetailMutation } from '@/entities/additional-service/api/sms-payment/use-extension-sms-detail-mutation';
import { useStore } from '@/shared/model/store';
export const SmsPaymentPage = () => {
const { navigate } = useNavigate();
const userMid = useStore.getState().UserStore.mid;
const [bottomSmsPaymentDetailResendOn, setBottomSmsPaymentDetailResendOn] = useState<boolean>(false)
const [sortBy, setSortBy] = useState<SortByKeys>(SortByKeys.New);
const [listItems, setListItems] = useState({});
const [pageParam, setPageParam] = useState(DEFAULT_PAGE_PARAM);
const [filterOn, setFilterOn] = useState<boolean>(false);
const [mid, setMid] = useState<string>('nictest00m');
const [mid, setMid] = useState<string>(userMid);
const [selectedTid, setSelectedTid] = useState<string>('');
const [selectedMid, setSelectedMid] = useState<string>('');
const [searchCl, setSearchCl] = useState<SmsPaymentSearchType>(SmsPaymentSearchType.BUYER_NAME)
@@ -48,7 +51,7 @@ export const SmsPaymentPage = () => {
sortBy?: string,
val?: string
}) => {
pageParam.sortBy = (option?.sortBy) ? option.sortBy : sortBy;
pageParam.sortBy = (option?.sortBy)? option.sortBy: sortBy;
setPageParam(pageParam);
let listParams = {
@@ -57,7 +60,7 @@ export const SmsPaymentPage = () => {
searchValue: searchValue,
fromDate: fromDate,
toDate: toDate,
smsCl: smsCl === SmsType.ALL ? '' : smsCl,
smsCl: (smsCl === SmsType.ALL)? '' :smsCl,
page: pageParam
}
@@ -72,25 +75,25 @@ export const SmsPaymentPage = () => {
for (let i = 0; i < content?.length; i++) {
let paymentDate = content[i]?.paymentDate?.substring(0, 8);
let groupDate = moment(paymentDate).format('YYYYMMDD');
if (!!groupDate && !data.hasOwnProperty(groupDate)) {
if(!!groupDate && !data.hasOwnProperty(groupDate)){
data[groupDate] = [];
}
if (!!groupDate && data.hasOwnProperty(groupDate)) {
if(!!groupDate && data.hasOwnProperty(groupDate)){
data[groupDate].push(content[i]);
}
}
}
console.log('Data : ', data)
console.log('Data : ', data);
return data;
};
const callDetail = (selectedMid: string, selectedTid: string) => {
console.log("Selected Mid: ", selectedMid, "Selected Tid: ", selectedTid)
console.log('Selected Mid: ', selectedMid, 'Selected Tid: ', selectedTid);
detail({
mid: selectedMid,
tid: selectedTid
}).then((rs) => {
console.log('Detail info : ', rs)
console.log('Detail info : ', rs);
setSmsDetailData(rs);
})
}
@@ -102,9 +105,9 @@ export const SmsPaymentPage = () => {
searchValue: searchValue,
fromDate: fromDate,
toDate: toDate,
smsCl: smsCl === SmsType.ALL ? '' : smsCl,
smsCl: (smsCl === SmsType.ALL)? '': smsCl,
}).then((rs) => {
console.log('Excel Dowload Status : ' + rs.status)
console.log('Excel Dowload Status : ' + rs.status);
});
}
@@ -163,9 +166,9 @@ export const SmsPaymentPage = () => {
</section>
<div className="detail-divider"></div>
<SmsPaymentList
listItems={listItems}
mid={mid}
onResendClick={onClickToShowDetail}
listItems={ listItems }
mid={ mid }
onResendClick={ onClickToShowDetail }
></SmsPaymentList>
</div>
</div>

60
src/pages/transaction/all-transaction/detail-page.tsx
View File

@@ -5,12 +5,12 @@ import { Dialog } from '@/shared/ui/dialogs/dialog';
import { overlay } from 'overlay-kit';
import { useNavigate } from '@/shared/lib/hooks/use-navigate';
import { useAllTransactionDetailMutation } from '@/entities/transaction/api/use-all-transaction-detail-mutation';
import { AmountInfoWrap } from '@/entities/transaction/ui/info-wrap/amount-info-wrap';
import { ImportantInfoWrap } from '@/entities/transaction/ui/info-wrap/important-info-wrap';
import { PaymentInfoWrap } from '@/entities/transaction/ui/info-wrap/payment-info-wrap';
import { TransactionInfoWrap } from '@/entities/transaction/ui/info-wrap/transaction-info-wrap';
import { SettlementInfoWrap } from '@/entities/transaction/ui/info-wrap/settlement-info-wrap';
import { PartCancelInfoWrap } from '@/entities/transaction/ui/info-wrap/part-cancel-info-wrap';
import { AmountInfoSection } from '@/entities/transaction/ui/section/amount-info-section';
import { ImportantInfoSection } from '@/entities/transaction/ui/section/important-info-section';
import { PaymentInfoSection } from '@/entities/transaction/ui/section/payment-info-section';
import { TransactionInfoSection } from '@/entities/transaction/ui/section/transaction-info-section';
import { SettlementInfoSection } from '@/entities/transaction/ui/section/settlement-info-section';
import { PartCancelInfoSection } from '@/entities/transaction/ui/section/part-cancel-info-section';
import { HeaderType } from '@/entities/common/model/types';
import {
TransactionCategory,
@@ -22,7 +22,7 @@ import {
TransactionInfo,
SettlementInfo,
PartCancelInfo,
InfoWrapKeys
InfoSectionKeys
} from '@/entities/transaction/model/types';
import {
useSetOnBack,
@@ -108,20 +108,20 @@ export const AllTransactionDetailPage = () => {
});
};
const onClickToOpenInfo = (infoWrapKey: InfoWrapKeys) => {
if(infoWrapKey === InfoWrapKeys.Amount){
const onClickToOpenInfo = (infoSectionKey: InfoSectionKeys) => {
if(infoSectionKey === InfoSectionKeys.Amount){
setShowAmountInfo(!showAmountInfo);
}
else if(infoWrapKey === InfoWrapKeys.Payment){
else if(infoSectionKey === InfoSectionKeys.Payment){
setShowPaymentInfo(!showPaymentInfo);
}
else if(infoWrapKey === InfoWrapKeys.Transaction){
else if(infoSectionKey === InfoSectionKeys.Transaction){
setShowTransactionInfo(!showTransactionInfo);
}
else if(infoWrapKey === InfoWrapKeys.Settlement){
else if(infoSectionKey === InfoSectionKeys.Settlement){
setShowSettlementInfo(!showSettlementInfo);
}
else if(infoWrapKey === InfoWrapKeys.PartCancel){
else if(infoSectionKey === InfoSectionKeys.PartCancel){
setShowPartCancelInfo(!showPartCancelInfo);
}
};
@@ -133,52 +133,52 @@ export const AllTransactionDetailPage = () => {
<div className="tab-pane sub active">
<div className="option-list">
<div className="txn-detail">
<AmountInfoWrap
<AmountInfoSection
transactionCategory={ TransactionCategory.AllTransaction }
amountInfo={ amountInfo }
isOpen={ showAmountInfo }
tid={ tid }
serviceCode={ serviceCode }
onClickToOpenInfo={ (infoWrapKey) => onClickToOpenInfo(infoWrapKey) }
></AmountInfoWrap>
onClickToOpenInfo={ (infoSectionKey) => onClickToOpenInfo(infoSectionKey) }
></AmountInfoSection>
<div className="txn-divider"></div>
<ImportantInfoWrap
<ImportantInfoSection
transactionCategory={ TransactionCategory.AllTransaction }
importantInfo={ importantInfo }
serviceCode={ serviceCode }
></ImportantInfoWrap>
></ImportantInfoSection>
<div className="txn-divider"></div>
<PaymentInfoWrap
<PaymentInfoSection
transactionCategory={ TransactionCategory.AllTransaction }
paymentInfo={ paymentInfo }
serviceCode={ serviceCode }
isOpen={ showPaymentInfo }
onClickToOpenInfo={ (infoWrapKey) => onClickToOpenInfo(infoWrapKey) }
></PaymentInfoWrap>
onClickToOpenInfo={ (infoSectionKey) => onClickToOpenInfo(infoSectionKey) }
></PaymentInfoSection>
<div className="txn-divider"></div>
<TransactionInfoWrap
<TransactionInfoSection
transactionCategory={ TransactionCategory.AllTransaction }
transactionInfo={ transactionInfo }
serviceCode={ serviceCode }
isOpen={ showTransactionInfo }
onClickToOpenInfo={ (infoWrapKey) => onClickToOpenInfo(infoWrapKey) }
></TransactionInfoWrap>
onClickToOpenInfo={ (infoSectionKey) => onClickToOpenInfo(infoSectionKey) }
></TransactionInfoSection>
<div className="txn-divider"></div>
<SettlementInfoWrap
<SettlementInfoSection
transactionCategory={ TransactionCategory.AllTransaction }
settlementInfo={ settlementInfo }
serviceCode={ serviceCode }
isOpen={ showSettlementInfo }
onClickToOpenInfo={ (infoWrapKey) => onClickToOpenInfo(infoWrapKey) }
></SettlementInfoWrap>
onClickToOpenInfo={ (infoSectionKey) => onClickToOpenInfo(infoSectionKey) }
></SettlementInfoSection>
<div className="txn-divider"></div>
<PartCancelInfoWrap
<PartCancelInfoSection
transactionCategory={ TransactionCategory.AllTransaction }
partCancelInfo={ partCancelInfo }
serviceCode={ serviceCode }
isOpen={ showPartCancelInfo }
onClickToOpenInfo={ (infoWrapKey) => onClickToOpenInfo(infoWrapKey) }
></PartCancelInfoWrap>
onClickToOpenInfo={ (infoSectionKey) => onClickToOpenInfo(infoSectionKey) }
></PartCancelInfoSection>
</div>
</div>
<div className="apply-row">

13
src/pages/transaction/all-transaction/list-page.tsx
View File

@@ -21,9 +21,11 @@ import {
useSetFooterMode,
useSetFooterCurrentPage
} from '@/widgets/sub-layout/use-sub-layout';
import { useStore } from '@/shared/model/store';
export const AllTransactionListPage = () => {
const { navigate } = useNavigate();
const userMid = useStore.getState().UserStore.mid;
const [serviceCodeOptions, setServiceCodeOptions] = useState<Array<Record<string, any>>>();
const [selectedServiceCode, setSelectedServiceCode] = useState<string>('st');
@@ -32,7 +34,7 @@ export const AllTransactionListPage = () => {
const [listItems, setListItems] = useState({});
const [filterOn, setFilterOn] = useState<boolean>(false);
const [pageParam, setPageParam] = useState(DEFAULT_PAGE_PARAM);
const [mid, setMid] = useState<string>('nictest00m');
const [mid, setMid] = useState<string>(userMid);
const [moid, setMoid] = useState<string>('');
const [tid, setTid] = useState<string>('');
// const [fromDate, setFromDate] = useState(moment().subtract(1, 'month').format('YYYYMMDD'));
@@ -50,8 +52,7 @@ export const AllTransactionListPage = () => {
const [totalTransactionCount, setTotalTransactionCount] = useState<number>(0);
const [totalTransactionAmount, setTotalTransactionAmount] = useState<number>(0);
useSetHeaderTitle('거래내역 조회');
useSetHeaderType(HeaderType.LeftArrow);
useSetOnBack(() => {
@@ -139,7 +140,7 @@ export const AllTransactionListPage = () => {
{text: '계좌이체', value: 'transfer'},
{text: '휴대폰', value: 'phone'},
{text: '문화상품권', value: 'gift'},
{text: '티머니페이', value: '티머니페이'},
{text: '티머니페이', value: '티머니페이'}
];
setServiceCodeOptions(options);
setSelectedServiceCode('simple');
@@ -149,7 +150,9 @@ export const AllTransactionListPage = () => {
let val = e.target.value;
// onchagne 에서 useState가 즉시 반영 안되므로 값을 직접 바로 넘긴다.
setSelectedServiceCode(val);
callList({val: val});
callList({
val: val
});
};
const getServiceCodeOptions = () => {

6
src/pages/transaction/billing/detail-page.tsx
View File

@@ -3,7 +3,7 @@ import { useLocation } from 'react-router';
import { PATHS } from '@/shared/constants/paths';
import { useNavigate } from '@/shared/lib/hooks/use-navigate';
import { useBillingDetailMutation } from '@/entities/transaction/api/use-billing-detail-mutation';
import { BillingInfoWrap } from '@/entities/transaction/ui/info-wrap/billing-info-wrap';
import { BillingInfoSection } from '@/entities/transaction/ui/section/billing-info-section';
import { HeaderType } from '@/entities/common/model/types';
import {
TransactionCategory,
@@ -70,9 +70,9 @@ export const BillingDetailPage = () => {
</div>
<div className="txn-divider"></div>
<BillingInfoWrap
<BillingInfoSection
billingInfo={ billingInfo }
></BillingInfoWrap>
></BillingInfoSection>
</div>
</div>
</div>

11
src/pages/transaction/billing/list-page.tsx
View File

@@ -22,13 +22,14 @@ import {
export const BillingListPage = () => {
const { navigate } = useNavigate();
const userMid = useStore.getState().UserStore.mid;
const userInfo = useStore((state) => state.UserStore.userInfo);
const [sortBy, setSortBy] = useState<SortByKeys>(SortByKeys.New);
const [listItems, setListItems] = useState({});
const [filterOn, setFilterOn] = useState<boolean>(false);
const [pageParam, setPageParam] = useState(DEFAULT_PAGE_PARAM);
const [mid, setMid] = useState<string>('nictest00m');
const [mid, setMid] = useState<string>(userMid);
const [searchType, setSearchType] = useState<BillingSearchType>(BillingSearchType.ALL);
const [searchKeyword, setSearchKeyword] = useState<string>('');
// const [startDate, setStartDate] = useState(moment().subtract(1, 'month').format('YYYY-MM-DD'));
@@ -112,12 +113,16 @@ export const BillingListPage = () => {
};
const onClickToSort = (sort: SortByKeys) => {
setSortBy(sort);
callList({sortBy: sort});
callList({
sortBy: sort
});
};
const onClickToRequestStatus = (val: BillingRequestStatus) => {
setRequestStatus(val);
callList({val: val});
callList({
val: val
});
};
useEffect(() => {

20
src/pages/transaction/cash-receipt/detail-page.tsx
View File

@@ -3,8 +3,8 @@ import { useLocation } from 'react-router';
import { PATHS } from '@/shared/constants/paths';
import { useNavigate } from '@/shared/lib/hooks/use-navigate';
import { useCashReceiptDetailMutation } from '@/entities/transaction/api/use-cash-receipt-detail-mutation';
import { IssueInfoWrap } from '@/entities/transaction/ui/info-wrap/issue-info-wrap';
import { DetailInfoWrap } from '@/entities/transaction/ui/info-wrap/detail-info-wrap';
import { IssueInfoSection } from '@/entities/transaction/ui/section/issue-info-section';
import { DetailInfoSection } from '@/entities/transaction/ui/section/detail-info-section';
import { HeaderType } from '@/entities/common/model/types';
import {
TransactionCategory,
@@ -12,7 +12,7 @@ import {
DetailResponse,
IssueInfo,
DetailInfo,
InfoWrapKeys,
InfoSectionKeys,
CashReceiptPurposeType
} from '@/entities/transaction/model/types';
import {
@@ -76,8 +76,8 @@ export const CashReceiptDetailPage = () => {
callDetail();
}, []);
const onClickToOpenInfo = (infoWrapKey: InfoWrapKeys) => {
if(infoWrapKey === InfoWrapKeys.Detail){
const onClickToOpenInfo = (infoSectionKey: InfoSectionKeys) => {
if(infoSectionKey === InfoSectionKeys.Detail){
setShowDetailInfo(!showDetailInfo);
}
};
@@ -93,18 +93,18 @@ export const CashReceiptDetailPage = () => {
<div className="tab-pane sub active">
<div className="option-list">
<div className="txn-detail">
<IssueInfoWrap
<IssueInfoSection
transactionCategory={ TransactionCategory.CashReceipt }
issueInfo={ issueInfo }
purposeType={ purposeType }
></IssueInfoWrap>
></IssueInfoSection>
<div className="txn-divider minus"></div>
<DetailInfoWrap
<DetailInfoSection
transactionCategory={ TransactionCategory.CashReceipt }
detailInfo={ detailInfo }
isOpen={ showDetailInfo }
onClickToOpenInfo={ (infoWrapKey) => onClickToOpenInfo(infoWrapKey) }
></DetailInfoWrap>
onClickToOpenInfo={ (infoSectionKey) => onClickToOpenInfo(infoSectionKey) }
></DetailInfoSection>
</div>
</div>
<div className="apply-row">

74
src/pages/transaction/cash-receipt/list-page.tsx
View File

@@ -19,15 +19,17 @@ import {
useSetFooterMode
} from '@/widgets/sub-layout/use-sub-layout';
import { CashReceiptIssueStatusBtnGroup } from '@/entities/transaction/model/contant';
import { useStore } from '@/shared/model/store';
export const CashReceiptListPage = () => {
const { navigate } = useNavigate();
const userMid = useStore.getState().UserStore.mid;
const [sortBy, setSortBy] = useState<SortByKeys>(SortByKeys.New);
const [listItems, setListItems] = useState({});
const [filterOn, setFilterOn] = useState<boolean>(false);
const [pageParam, setPageParam] = useState(DEFAULT_PAGE_PARAM);
const [mid, setMid] = useState<string>('nictest00m');
const [mid, setMid] = useState<string>(userMid);
const [startDate, setStartDate] = useState(moment().subtract(1, 'month').format('YYYY-MM-DD'));
const [endDate, setEndDate] = useState(moment().format('YYYY-MM-DD'));
const [purposeType, setPurposeType] = useState<CashReceiptPurposeType>(CashReceiptPurposeType.ALL);
@@ -61,7 +63,7 @@ export const CashReceiptListPage = () => {
};
cashReceiptList(listParams).then((rs) => {
console.log(rs)
console.log(rs);
setListItems(assembleData(rs.content));
});
@@ -69,13 +71,13 @@ export const CashReceiptListPage = () => {
const assembleData = (content: Array<CashReceiptListItem>) => {
let data: any = {};
if (content && content.length > 0) {
for (let i = 0; i < content?.length; i++) {
if(content && content.length > 0){
for (let i=0;i<content?.length;i++){
let groupDate = moment(content[i]?.transactionDateTime).format('YYYYMMDD');
if (!!groupDate && !data.hasOwnProperty(groupDate)) {
if(!!groupDate && !data.hasOwnProperty(groupDate)){
data[groupDate] = [];
}
if (!!groupDate && data.hasOwnProperty(groupDate)) {
if(!!groupDate && data.hasOwnProperty(groupDate)){
data[groupDate].push(content[i]);
}
}
@@ -96,12 +98,16 @@ export const CashReceiptListPage = () => {
};
const onClickToSort = (sort: SortByKeys) => {
setSortBy(sort);
callList({ sortBy: sort });
callList({
sortBy: sort
});
};
const onClickToIssueStatus = (val: CashReceiptIssueStatus) => {
setIssueStatus(val);
callList({ val: val });
callList({
val: val
});
};
useEffect(() => {
@@ -119,14 +125,14 @@ export const CashReceiptListPage = () => {
<input
type="text"
className="credit-period"
value={moment(startDate).format('YYYY.MM.DD') + '-' + moment(endDate).format('YYYY.MM.DD')}
readOnly={true}
value={ moment(startDate).format('YYYY.MM.DD') + '-' + moment(endDate).format('YYYY.MM.DD') }
readOnly={ true }
/>
<button className="filter-btn">
<img
src={IMAGE_ROOT + '/ico_setting.svg'}
src={ IMAGE_ROOT + '/ico_setting.svg' }
alt="검색옵션"
onClick={() => onClickToOpenFilter()}
onClick={ () => onClickToOpenFilter() }
/>
</button>
</div>
@@ -143,19 +149,19 @@ export const CashReceiptListPage = () => {
<span className="label">승인</span>
<strong className="amount22">
<NumericFormat
value={83745200}
value={ 83745200 }
thousandSeparator
displayType="text"
suffix={'원'}
suffix='원'
></NumericFormat>
</strong>
<span className="count">
<NumericFormat
value={2745}
value={ 2745 }
thousandSeparator
displayType="text"
prefix={'('}
suffix={'건)'}
prefix='('
suffix='건)'
></NumericFormat>
</span>
</div>
@@ -163,19 +169,19 @@ export const CashReceiptListPage = () => {
<span className="label">취소</span>
<strong className="amount19">
<NumericFormat
value={534407}
value={ 534407 }
thousandSeparator
displayType="text"
suffix={'원'}
suffix='원'
></NumericFormat>
</strong>
<span className="count">
<NumericFormat
value={32}
value={ 32 }
thousandSeparator
displayType="text"
prefix={'('}
suffix={'건)'}
prefix='('
suffix='건)'
></NumericFormat>
</span>
</div>
@@ -184,26 +190,26 @@ export const CashReceiptListPage = () => {
<div className="filter-section">
<SortOptionsBox
sortBy={sortBy}
sortBy={ sortBy }
onClickToSort={ onClickToSort }
></SortOptionsBox>
<div>
<div className="full-menu-keywords no-padding">
{
CashReceiptIssueStatusBtnGroup.map((value, index) => (
<span
key={`key-service-code=${index}`}
className={`keyword-tag ${(issueStatus === value.value) ? 'active' : ''}`}
onClick={() => onClickToIssueStatus(value.value)}
>{value.name}</span>
))
}
{
CashReceiptIssueStatusBtnGroup.map((value, index) => (
<span
key={`key-service-code=${index}`}
className={`keyword-tag ${(issueStatus === value.value) ? 'active' : ''}`}
onClick={() => onClickToIssueStatus(value.value)}
>{value.name}</span>
))
}
</div>
</div>
</div>
<CashReceiptList
listItems={listItems}
transactionCategory={TransactionCategory.CashReceipt}
listItems={ listItems }
transactionCategory={ TransactionCategory.CashReceipt }
></CashReceiptList>
</div>
</div>

55
src/pages/transaction/escrow/detail-page.tsx
View File

@@ -3,11 +3,11 @@ import { useLocation } from 'react-router';
import { PATHS } from '@/shared/constants/paths';
import { useNavigate } from '@/shared/lib/hooks/use-navigate';
import { useEscrowDetailMutation } from '@/entities/transaction/api/use-escrow-detail-mutation';
import { ImportantInfoWrap } from '@/entities/transaction/ui/info-wrap/important-info-wrap';
import { EscrowInfoWrap } from '@/entities/transaction/ui/info-wrap/escrow-info-wrap';
import { PaymentInfoWrap } from '@/entities/transaction/ui/info-wrap/payment-info-wrap';
import { TransactionInfoWrap } from '@/entities/transaction/ui/info-wrap/transaction-info-wrap';
import { SettlementInfoWrap } from '@/entities/transaction/ui/info-wrap/settlement-info-wrap';
import { ImportantInfoSection } from '@/entities/transaction/ui/section/important-info-section';
import { EscrowInfoSection } from '@/entities/transaction/ui/section/escrow-info-section';
import { PaymentInfoSection } from '@/entities/transaction/ui/section/payment-info-section';
import { TransactionInfoSection } from '@/entities/transaction/ui/section/transaction-info-section';
import { SettlementInfoSection } from '@/entities/transaction/ui/section/settlement-info-section';
import { HeaderType } from '@/entities/common/model/types';
import {
TransactionCategory,
@@ -18,7 +18,7 @@ import {
PaymentInfo,
TransactionInfo,
SettlementInfo,
InfoWrapKeys
InfoSectionKeys
} from '@/entities/transaction/model/types';
import {
useSetOnBack,
@@ -93,23 +93,23 @@ export const EscrowDetailPage = () => {
});
};
const onClickToOpenInfo = (infoWrapKey: InfoWrapKeys) => {
if(infoWrapKey === InfoWrapKeys.Amount){
const onClickToOpenInfo = (infoSectionKey: InfoSectionKeys) => {
if(infoSectionKey === InfoSectionKeys.Amount){
setShowAmountInfo(!showAmountInfo);
}
else if(infoWrapKey === InfoWrapKeys.Important){
else if(infoSectionKey === InfoSectionKeys.Important){
setShowImportantInfo(!showImportantInfo);
}
else if(infoWrapKey === InfoWrapKeys.Escrow){
else if(infoSectionKey === InfoSectionKeys.Escrow){
setShowEscroInfo(!showEscroInfo);
}
else if(infoWrapKey === InfoWrapKeys.Payment){
else if(infoSectionKey === InfoSectionKeys.Payment){
setShowPaymentInfo(!showPaymentInfo);
}
else if(infoWrapKey === InfoWrapKeys.Transaction){
else if(infoSectionKey === InfoSectionKeys.Transaction){
setShowTransactionInfo(!showTransactionInfo);
}
else if(infoWrapKey === InfoWrapKeys.Settlement){
else if(infoSectionKey === InfoSectionKeys.Settlement){
setShowSettlementInfo(!showSettlementInfo);
}
};
@@ -121,39 +121,38 @@ export const EscrowDetailPage = () => {
<div className="tab-pane sub active">
<div className="option-list">
<div className="txn-detail">
<ImportantInfoWrap
<ImportantInfoSection
transactionCategory={ TransactionCategory.Escrow }
importantInfo={ importantInfo }
></ImportantInfoWrap>
></ImportantInfoSection>
<div className="txn-divider minus"></div>
<EscrowInfoWrap
<EscrowInfoSection
transactionCategory={ TransactionCategory.Escrow }
importantInfo={ importantInfo }
isOpen={ showEscroInfo }
onClickToOpenInfo={ (infoWrapKey) => onClickToOpenInfo(infoWrapKey) }
></EscrowInfoWrap>
onClickToOpenInfo={ (infoSectionKey) => onClickToOpenInfo(infoSectionKey) }
></EscrowInfoSection>
<div className="txn-divider minus"></div>
<PaymentInfoWrap
<PaymentInfoSection
transactionCategory={ TransactionCategory.Escrow }
paymentInfo={ paymentInfo }
isOpen={ showPaymentInfo }
onClickToOpenInfo={ (infoWrapKey) => onClickToOpenInfo(infoWrapKey) }
></PaymentInfoWrap>
onClickToOpenInfo={ (infoSectionKey) => onClickToOpenInfo(infoSectionKey) }
></PaymentInfoSection>
<div className="txn-divider"></div>
<TransactionInfoWrap
<TransactionInfoSection
transactionCategory={ TransactionCategory.Escrow }
transactionInfo={ transactionInfo }
isOpen={ showTransactionInfo }
onClickToOpenInfo={ (infoWrapKey) => onClickToOpenInfo(infoWrapKey) }
></TransactionInfoWrap>
onClickToOpenInfo={ (infoSectionKey) => onClickToOpenInfo(infoSectionKey) }
></TransactionInfoSection>
<div className="txn-divider"></div>
<SettlementInfoWrap
<SettlementInfoSection
transactionCategory={ TransactionCategory.Escrow }
settlementInfo={ settlementInfo }
isOpen={ showSettlementInfo }
onClickToOpenInfo={ (infoWrapKey) => onClickToOpenInfo(infoWrapKey) }
></SettlementInfoWrap>
onClickToOpenInfo={ (infoSectionKey) => onClickToOpenInfo(infoSectionKey) }
></SettlementInfoSection>
<div className="txn-divider"></div>
</div>
</div>

11
src/pages/transaction/escrow/list-page.tsx
View File

@@ -23,12 +23,13 @@ import {
export const EscrowListPage = () => {
const { navigate } = useNavigate();
const userInfo = useStore((state) => state.UserStore.userInfo);
const userMid = useStore.getState().UserStore.mid;
const [sortBy, setSortBy] = useState<SortByKeys>(SortByKeys.New);
const [listItems, setListItems] = useState({});
const [filterOn, setFilterOn] = useState<boolean>(false);
const [pageParam, setPageParam] = useState(DEFAULT_PAGE_PARAM);
const [mid, setMid] = useState<string>('nictest00m');
const [mid, setMid] = useState<string>(userMid);
const [searchType, setSearchType] = useState<EscrowSearchType>(EscrowSearchType.ALL);
const [searchKeyword, setSearchKeyword] = useState<string>('');
//const [startDate, setStartDate] = useState(moment().subtract(1, 'month').format('YYYY-MM-DD'));
@@ -110,12 +111,16 @@ export const EscrowListPage = () => {
};
const onClickToSort = (sort: SortByKeys) => {
setSortBy(sort);
callList({sortBy: sort});
callList({
sortBy: sort
});
};
const onClickToDeliveryStatus = (val: EscrowDeliveryStatus) => {
setDeliveryStatus(val);
callList({val: val});
callList({
val: val
});
};
useEffect(() => {