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

- 링크결제 발송내역 Header Title,Close Button 겹침 문제 수정

Browse Source
This commit is contained in:
HyeonJongKim
2025-11-04 13:29:47 +09:00
parent 646aa0d3c0
commit 4f139ebcec
2 changed files with 62 additions and 69 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -43,20 +43,13 @@ export const LinkPaymentHistoryDetail = ({
const { t } = useTranslation();
const { navigate } = useNavigate();
const location = useLocation();
const [titleInfo, setTitleInfo] = useState<TitleInfo>();
const [detailInfo, setDetailInfo] = useState<DetailInfo>();
const [paymentInfo, setPaymentInfo] = useState<PaymentInfo>();
const [detailExposure, setDetailExposure] = useState<boolean>(false);
const [showPayment, setShowPayment] = useState<boolean>(false);
useSetHeaderTitle(t('additionalService.linkPayment.detailTitle'));
useSetHeaderType(HeaderType.RightClose);
useSetOnBack(() => {
navigate(-1); // Go back using browser history
});
useSetFooterMode(false);
const { mutateAsync: linkPayHistoryDetail } = useExtensionLinkPayHistoryDetailMutation();
const { mutateAsync: linkPayHistoryResend } = useExtensionLinkPayHistoryResendMutation();

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

@@ -49,31 +49,31 @@ export const LinkPaymentHistoryWrap = () => {
const [sendMethod, setSendMethod] = useState<LinkPaymentSendMethod>(LinkPaymentSendMethod.ALL);
const [emailBottomSheetOn, setEmailBottomSheetOn] = useState<boolean>(false);
const [detailOn, setDetailOn] = useState<boolean>(false);
const [detailMid, setDetailMid] = useState<string>('');
const [detailRequestId, setDetailRequestId] = useState<string>('');
const [detailMid, setDetailMid] = useState<string>('');
const [detailRequestId, setDetailRequestId] = useState<string>('');
const [detailSubReqId, setDetailSubReqId] = useState<string>('');
const { mutateAsync: linkPayHistoryList } = useExtensionLinkPayHistoryListMutation();
const { mutateAsync: downloadExcel } = useExtensionLinkPayHistoryDownloadExcelMutation();
const onIntersect: IntersectionObserverCallback = (entries: Array<IntersectionObserverEntry>) => {
entries.forEach((entry: IntersectionObserverEntry) => {
if(entry.isIntersecting){
console.log('Element is now intersecting with the root. [' + onActionIntersect + ']');
if(onActionIntersect && !!pageParam.cursor){
entries.forEach((entry: IntersectionObserverEntry) => {
if (entry.isIntersecting) {
console.log('Element is now intersecting with the root. [' + onActionIntersect + ']');
if (onActionIntersect && !!pageParam.cursor) {
setOnActionIntersect(false);
callList('page');
}
}
else{
console.log('Element is no longer intersecting with the root.');
}
});
};
callList('page');
}
}
else {
console.log('Element is no longer intersecting with the root.');
}
});
};
const { setTarget } = useIntersectionObserver({
threshold: 1,
onIntersect
});
const { setTarget } = useIntersectionObserver({
threshold: 1,
onIntersect
});
const onClickToNavigate = () => {
navigate(PATHS.additionalService.linkPayment.request)
@@ -95,40 +95,40 @@ export const LinkPaymentHistoryWrap = () => {
...{ sortType: sortType }
}
};
if(type !== 'page' && listParams.page){
listParams.page.cursor = null;
}
if (type !== 'page' && listParams.page) {
listParams.page.cursor = null;
}
linkPayHistoryList(listParams).then((rs) => {
if(type === 'page'){
setListItems([
...listItems,
...rs.content
]);
}
else{
setListItems(rs.content);
}
if(rs.hasNext
if (type === 'page') {
setListItems([
...listItems,
...rs.content
]);
}
else {
setListItems(rs.content);
}
if (rs.hasNext
&& rs.nextCursor !== pageParam.cursor
&& rs.content.length === DEFAULT_PAGE_PARAM.size
){
setPageParam({
...pageParam,
...{ cursor: rs.nextCursor }
});
}
else{
setPageParam({
...pageParam,
...{ cursor: null }
});
}
&& rs.content.length === DEFAULT_PAGE_PARAM.size
) {
setPageParam({
...pageParam,
...{ cursor: rs.nextCursor }
});
}
else {
setPageParam({
...pageParam,
...{ cursor: null }
});
}
setOnActionIntersect(
!!rs.hasNext
&& rs.nextCursor !== pageParam.cursor
&& rs.content.length === DEFAULT_PAGE_PARAM.size
);
!!rs.hasNext
&& rs.nextCursor !== pageParam.cursor
&& rs.content.length === DEFAULT_PAGE_PARAM.size
);
});
};
@@ -170,13 +170,13 @@ export const LinkPaymentHistoryWrap = () => {
const setDetailData = (detailData: DetailData) => {
setDetailOn(detailData.detailOn);
if(detailData.mid){
if (detailData.mid) {
setDetailMid(detailData.mid);
}
if(detailData.requestId){
if (detailData.requestId) {
setDetailRequestId(detailData.requestId);
}
if(detailData.subReqId){
if (detailData.subReqId) {
setDetailSubReqId(detailData.subReqId);
}
};
@@ -250,12 +250,12 @@ export const LinkPaymentHistoryWrap = () => {
</div>
<LinkPaymentHistoryList
listItems={ listItems }
additionalServiceCategory={ AdditionalServiceCategory.LinkPaymentHistory }
mid={ mid }
setDetailData={ setDetailData }
listItems={listItems}
additionalServiceCategory={AdditionalServiceCategory.LinkPaymentHistory}
mid={mid}
setDetailData={setDetailData}
></LinkPaymentHistoryList>
<div ref={ setTarget }></div>
<div ref={setTarget}></div>
<div className="apply-row">
<button
className="btn-50 btn-blue flex-1"
@@ -283,11 +283,11 @@ export const LinkPaymentHistoryWrap = () => {
setSendMethod={setSendMethod}
></LinkPaymentHistoryFilter>
<LinkPaymentHistoryDetail
detailOn={ detailOn }
setDetailOn={ setDetailOn }
mid={ detailMid }
requestId={ detailRequestId }
subReqId={ detailSubReqId }
detailOn={detailOn}
setDetailOn={setDetailOn}
mid={detailMid}
requestId={detailRequestId}
subReqId={detailSubReqId}
></LinkPaymentHistoryDetail>
<EmailBottomSheet
bottomSheetOn={emailBottomSheetOn}