필터 수정
This commit is contained in:
@@ -155,6 +155,7 @@ export interface AllTransactionListProps {
|
||||
transactionCategory: TransactionCategory;
|
||||
listItems: Array<ListItemProps>;
|
||||
setDetailData: (detailData: DetailData) => void;
|
||||
filterUsed: boolean;
|
||||
onClickToOpenFilter?: () => void;
|
||||
onClickToOpenDownloadBottomSheet?: () => void;
|
||||
};
|
||||
@@ -162,6 +163,7 @@ export interface CashReceiptListProps {
|
||||
transactionCategory: TransactionCategory;
|
||||
listItems: Array<ListItemProps>;
|
||||
setDetailData: (detailData: DetailData) => void;
|
||||
filterUsed: boolean;
|
||||
onClickToOpenFilter?: () => void;
|
||||
onClickToOpenDownloadBottomSheet?: () => void;
|
||||
};
|
||||
@@ -169,6 +171,7 @@ export interface EscrowListProps {
|
||||
transactionCategory: TransactionCategory;
|
||||
listItems: Array<ListItemProps>;
|
||||
setDetailData: (detailData: DetailData) => void;
|
||||
filterUsed: boolean;
|
||||
onClickToOpenFilter?: () => void;
|
||||
onClickToOpenDownloadBottomSheet?: () => void;
|
||||
};
|
||||
@@ -176,6 +179,7 @@ export interface BillingListProps {
|
||||
transactionCategory: TransactionCategory;
|
||||
listItems: Array<ListItemProps>;
|
||||
setDetailData: (detailData: DetailData) => void;
|
||||
filterUsed: boolean;
|
||||
onClickToOpenFilter?: () => void;
|
||||
onClickToOpenDownloadBottomSheet?: () => void;
|
||||
};
|
||||
|
||||
@@ -8,6 +8,7 @@ export const AllTransactionList = ({
|
||||
transactionCategory,
|
||||
listItems,
|
||||
setDetailData,
|
||||
filterUsed,
|
||||
onClickToOpenFilter,
|
||||
onClickToOpenDownloadBottomSheet
|
||||
}: AllTransactionListProps) => {
|
||||
@@ -94,6 +95,9 @@ export const AllTransactionList = ({
|
||||
alt={t('transaction.searchOptions')}
|
||||
onClick={ onClickToOpenFilter }
|
||||
/>
|
||||
{ filterUsed &&
|
||||
<span className="notification-badge2"></span>
|
||||
}
|
||||
</button>
|
||||
<button className="download-btn">
|
||||
<img
|
||||
|
||||
@@ -8,6 +8,7 @@ export const BillingList = ({
|
||||
transactionCategory,
|
||||
listItems,
|
||||
setDetailData,
|
||||
filterUsed,
|
||||
onClickToOpenFilter,
|
||||
onClickToOpenDownloadBottomSheet
|
||||
}: BillingListProps) => {
|
||||
@@ -94,6 +95,9 @@ export const BillingList = ({
|
||||
alt={t('transaction.searchOptions')}
|
||||
onClick={ onClickToOpenFilter }
|
||||
/>
|
||||
{ filterUsed &&
|
||||
<span className="notification-badge2"></span>
|
||||
}
|
||||
</button>
|
||||
<button className="download-btn">
|
||||
<img
|
||||
|
||||
@@ -8,6 +8,7 @@ export const CashReceiptList = ({
|
||||
transactionCategory,
|
||||
listItems,
|
||||
setDetailData,
|
||||
filterUsed,
|
||||
onClickToOpenFilter,
|
||||
onClickToOpenDownloadBottomSheet
|
||||
}: CashReceiptListProps) => {
|
||||
@@ -93,6 +94,9 @@ export const CashReceiptList = ({
|
||||
alt={t('transaction.searchOptions')}
|
||||
onClick={ onClickToOpenFilter }
|
||||
/>
|
||||
{ filterUsed &&
|
||||
<span className="notification-badge2"></span>
|
||||
}
|
||||
</button>
|
||||
<button className="download-btn">
|
||||
<img
|
||||
|
||||
@@ -8,6 +8,7 @@ export const EscrowList = ({
|
||||
transactionCategory,
|
||||
listItems,
|
||||
setDetailData,
|
||||
filterUsed,
|
||||
onClickToOpenFilter,
|
||||
onClickToOpenDownloadBottomSheet
|
||||
}: EscrowListProps) => {
|
||||
@@ -93,6 +94,9 @@ export const EscrowList = ({
|
||||
alt={t('transaction.searchOptions')}
|
||||
onClick={ onClickToOpenFilter }
|
||||
/>
|
||||
{ filterUsed &&
|
||||
<span className="notification-badge2"></span>
|
||||
}
|
||||
</button>
|
||||
<button className="download-btn">
|
||||
<img
|
||||
|
||||
@@ -76,7 +76,7 @@ export const TransactionInfoSection = ({
|
||||
<span className="k">· { subItems[k]?.name }</span>
|
||||
<span className="v">
|
||||
{ (checkValue(newTransactionInfo[k]) && subItems[k]?.type === 'string') &&
|
||||
newTransactionInfo[k]
|
||||
(k === 'partialCancel')? ((newTransactionInfo[k] === '1')? t('transaction.possible'): t('transaction.impossible')): newTransactionInfo[k]
|
||||
}
|
||||
{ (checkValue(newTransactionInfo[k]) && subItems[k]?.type === 'number') &&
|
||||
t('home.money', { value: new Intl.NumberFormat('en-US').format(newTransactionInfo[k] || 0) })
|
||||
@@ -138,7 +138,7 @@ export const TransactionInfoSection = ({
|
||||
</li>
|
||||
<li className="kv-row">
|
||||
<span className="k">· {t('transaction.fields.partialCancel')}</span>
|
||||
<span className="v">{ transactionInfo?.partialCancel }</span>
|
||||
<span className="v">{ (transactionInfo?.partialCancel === '1')? t('transaction.possible'): t('transaction.impossible') }</span>
|
||||
</li>
|
||||
{ (serviceCode === '02' || serviceCode === '03') &&
|
||||
<li className="kv-row">
|
||||
|
||||
@@ -497,6 +497,8 @@
|
||||
"cancelTitle": "Cancel Transaction",
|
||||
"fullCancel": "Full Cancel",
|
||||
"partialCancel": "Partial Cancel",
|
||||
"possible": "possible",
|
||||
"impossible": "impossible",
|
||||
"submit": "Submit",
|
||||
"apply": "Apply",
|
||||
"searchAmount": "Search Amount",
|
||||
|
||||
@@ -497,6 +497,8 @@
|
||||
"cancelTitle": "거래 취소",
|
||||
"fullCancel": "전체 취소",
|
||||
"partialCancel": "부분 취소",
|
||||
"possible": "가능",
|
||||
"impossible": "불가능",
|
||||
"submit": "신청",
|
||||
"apply": "적용",
|
||||
"searchAmount": "조회금액",
|
||||
|
||||
@@ -406,6 +406,7 @@ export const AllTransactionListPage = () => {
|
||||
listItems={ listItems }
|
||||
transactionCategory={ TransactionCategory.AllTransaction }
|
||||
setDetailData={ setDetailData }
|
||||
filterUsed={ filterUsed }
|
||||
onClickToOpenFilter={ onClickToOpenFilter }
|
||||
onClickToOpenDownloadBottomSheet={ onClickToOpenDownloadBottomSheet }
|
||||
></AllTransactionList>
|
||||
|
||||
@@ -311,6 +311,7 @@ export const BillingListPage = () => {
|
||||
listItems={ listItems }
|
||||
transactionCategory={ TransactionCategory.Billing }
|
||||
setDetailData={ setDetailData }
|
||||
filterUsed={ filterUsed }
|
||||
onClickToOpenFilter={ onClickToOpenFilter }
|
||||
onClickToOpenDownloadBottomSheet={ onClickToOpenDownloadBottomSheet }
|
||||
></BillingList>
|
||||
|
||||
@@ -357,6 +357,7 @@ export const CashReceiptListPage = () => {
|
||||
listItems={ listItems }
|
||||
transactionCategory={ TransactionCategory.CashReceipt }
|
||||
setDetailData={ setDetailData }
|
||||
filterUsed={ filterUsed }
|
||||
onClickToOpenFilter={ onClickToOpenFilter }
|
||||
onClickToOpenDownloadBottomSheet={ onClickToOpenDownloadBottomSheet }
|
||||
></CashReceiptList>
|
||||
|
||||
@@ -303,6 +303,7 @@ export const EscrowListPage = () => {
|
||||
listItems={ listItems }
|
||||
transactionCategory={ TransactionCategory.Escrow }
|
||||
setDetailData={ setDetailData }
|
||||
filterUsed={ filterUsed }
|
||||
onClickToOpenFilter={ onClickToOpenFilter }
|
||||
onClickToOpenDownloadBottomSheet={ onClickToOpenDownloadBottomSheet }
|
||||
></EscrowList>
|
||||
|
||||
Reference in New Issue
Block a user