거래내역조회 스크롤시 리스트

This commit is contained in:
focp212@naver.com
2025-11-15 14:48:22 +09:00
parent 482bd0d43f
commit a64efdf697
13 changed files with 428 additions and 28 deletions

View File

@@ -307,11 +307,10 @@ export const AllTransactionListPage = () => {
searchCl, searchValue
]);
return (
<>
<main>
<div className="tab-content">
<div className="tab-content">
<div className="tab-pane sub active">
<div className="summary-section">
<div className="summary-label">{t('transaction.searchAmount')}</div>
@@ -324,14 +323,14 @@ export const AllTransactionListPage = () => {
<img
src={ IMAGE_ROOT + '/ico_setting.svg' }
alt={t('transaction.searchOptions')}
onClick={ () => onClickToOpenFilter() }
onClick={ onClickToOpenFilter }
/>
</button>
<button className="download-btn">
<img
src={ IMAGE_ROOT + '/ico_download.svg' }
alt={t('transaction.download')}
onClick={ () => onClickToOpenDownloadBottomSheet() }
onClick={ onClickToOpenDownloadBottomSheet }
/>
</button>
</div>
@@ -365,6 +364,8 @@ export const AllTransactionListPage = () => {
listItems={ listItems }
transactionCategory={ TransactionCategory.AllTransaction }
setDetailData={ setDetailData }
onClickToOpenFilter={ onClickToOpenFilter }
onClickToOpenDownloadBottomSheet={ onClickToOpenDownloadBottomSheet }
></AllTransactionList>
<div ref={ setTarget }></div>
</div>

View File

@@ -240,7 +240,7 @@ export const BillingListPage = () => {
<img
src={ IMAGE_ROOT + '/ico_setting.svg' }
alt={ t('transaction.searchOptions') }
onClick={ () => onClickToOpenFilter() }
onClick={ onClickToOpenFilter }
/>
</button>
</div>
@@ -248,7 +248,7 @@ export const BillingListPage = () => {
<img
src={ IMAGE_ROOT + '/ico_download.svg' }
alt={ t('transaction.download') }
onClick={ () => onClickToOpenDownloadBottomSheet() }
onClick={ onClickToOpenDownloadBottomSheet }
/>
</button>
</div>
@@ -277,6 +277,8 @@ export const BillingListPage = () => {
listItems={ listItems }
transactionCategory={ TransactionCategory.Billing }
setDetailData={ setDetailData }
onClickToOpenFilter={ onClickToOpenFilter }
onClickToOpenDownloadBottomSheet={ onClickToOpenDownloadBottomSheet }
></BillingList>
<div ref={ setTarget }></div>
</div>

View File

@@ -270,7 +270,7 @@ export const CashReceiptListPage = () => {
<img
src={ IMAGE_ROOT + '/ico_setting.svg' }
alt={ t('transaction.searchOptions') }
onClick={ () => onClickToOpenFilter() }
onClick={ onClickToOpenFilter }
/>
</button>
</div>
@@ -278,7 +278,7 @@ export const CashReceiptListPage = () => {
<img
src={IMAGE_ROOT + '/ico_download.svg'}
alt={ t('transaction.download') }
onClick={() => onClickToOpenDownloadBottomSheet()}
onClick={ onClickToOpenDownloadBottomSheet }
/>
</button>
</div>
@@ -327,6 +327,8 @@ export const CashReceiptListPage = () => {
listItems={ listItems }
transactionCategory={ TransactionCategory.CashReceipt }
setDetailData={ setDetailData }
onClickToOpenFilter={ onClickToOpenFilter }
onClickToOpenDownloadBottomSheet={ onClickToOpenDownloadBottomSheet }
></CashReceiptList>
<div ref={ setTarget }></div>
</div>

View File

@@ -233,7 +233,7 @@ export const EscrowListPage = () => {
<img
src={ IMAGE_ROOT + '/ico_setting.svg' }
alt={ t('transaction.searchOptions') }
onClick={ () => onClickToOpenFilter() }
onClick={ onClickToOpenFilter }
/>
</button>
</div>
@@ -241,7 +241,7 @@ export const EscrowListPage = () => {
<img
src={ IMAGE_ROOT + '/ico_download.svg' }
alt={ t('transaction.download') }
onClick={ () => onClickToOpenDownloadBottomSheet() }
onClick={ onClickToOpenDownloadBottomSheet }
/>
</button>
</div>
@@ -270,6 +270,8 @@ export const EscrowListPage = () => {
listItems={ listItems }
transactionCategory={ TransactionCategory.Escrow }
setDetailData={ setDetailData }
onClickToOpenFilter={ onClickToOpenFilter }
onClickToOpenDownloadBottomSheet={ onClickToOpenDownloadBottomSheet }
></EscrowList>
<div ref={ setTarget }></div>
</div>