- 부가서비스 상세 수정

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

@@ -5,7 +5,7 @@ import { useNavigate } from '@/shared/lib/hooks/use-navigate';
 import { IMAGE_ROOT } from '@/shared/constants/common';
 import { DefaultRequestPagination, HeaderType } from '@/entities/common/model/types';
 import { AccountHolderSearchFilter } from '@/entities/additional-service/ui/account-holder-search/filter/account-holder-search-filter';
-import { ProcessResult } from '@/entities/additional-service/model/types';
+import { DetailData, ProcessResult } from '@/entities/additional-service/model/types';
 import {
   useSetHeaderTitle,
   useSetHeaderType,
@@ -25,6 +25,7 @@ import { EmailBottomSheet } from '@/entities/common/ui/email-bottom-sheet';
 import { useTranslation } from 'react-i18next';
 import { useExtensionAccessCheck } from '@/shared/lib/hooks/use-extension-access-check';
 import useIntersectionObserver from '@/widgets/intersection-observer';
+import { snackBar } from '@/shared/lib';
 
 export const AccountHolderSearchPage = () => {
   const { navigate } = useNavigate();
@@ -50,6 +51,9 @@ export const AccountHolderSearchPage = () => {
   const [bank, setBank] = useState<string>('');
   const [resultStatus, setResultStatus] = useState<AccountHolderResultStatus>(AccountHolderResultStatus.ALL);
   const [emailBottomSheetOn, setEmailBottomSheetOn] = useState<boolean>(false);
+  const [detailOn, setDetailOn] = useState<boolean>(false);
+  const [detailTid, setDetailTid] = useState<string>('');
+  const [detailServiceCode, setDetailServiceCode] = useState<string>('');
 
   useSetHeaderTitle(t('additionalService.services.accountHolderSearch'));
   useSetHeaderType(HeaderType.LeftArrow);
@@ -62,18 +66,18 @@ export const AccountHolderSearchPage = () => {
   const { mutateAsync: downloadExcel } = useExtensionAccountHolderSearchDownloadExcelMutation();
   const onIntersect: IntersectionObserverCallback = (entries: Array<IntersectionObserverEntry>) => {
     entries.forEach((entry: IntersectionObserverEntry) => {
-      if(entry.isIntersecting){
-        if(onActionIntersect && !!pageParam.cursor){
+      if (entry.isIntersecting) {
+        if (onActionIntersect && !!pageParam.cursor) {
           setOnActionIntersect(false);
           callList('page');
-        } 
+        }
       }
     });
   };
 
-  const { setTarget } = useIntersectionObserver({ 
-    threshold: 1, 
-    onIntersect 
+  const { setTarget } = useIntersectionObserver({
+    threshold: 1,
+    onIntersect
   });
 
 
@@ -88,41 +92,41 @@ export const AccountHolderSearchPage = () => {
       bankCode: bank,
       resultStatus: resultStatus,
       page: {
-				...pageParam,
-				...{ sortType: sortType }
-			}
+        ...pageParam,
+        ...{ sortType: sortType }
+      }
     }
-    if(type !== 'page' && listParams.page){
+    if (type !== 'page' && listParams.page) {
       listParams.page.cursor = null;
     }
 
     accountHolderSearchList(listParams).then((rs) => {
-      if(type === 'page'){
+      if (type === 'page') {
         setListItems([
           ...listItems,
           ...rs.content
         ]);
       }
-      else{
+      else {
         setListItems(rs.content);
       }
-			if(rs.hasNext 
+      if (rs.hasNext
         && rs.nextCursor !== pageParam.cursor
         && rs.content.length === DEFAULT_PAGE_PARAM.size
-      ){
+      ) {
         setPageParam({
           ...pageParam,
           ...{ cursor: rs.nextCursor }
         });
       }
-      else{
+      else {
         setPageParam({
           ...pageParam,
           ...{ cursor: null }
         });
-			}
-			setOnActionIntersect(
-        !!rs.hasNext 
+      }
+      setOnActionIntersect(
+        !!rs.hasNext
         && rs.nextCursor !== pageParam.cursor
         && rs.content.length === DEFAULT_PAGE_PARAM.size
       );
@@ -149,7 +153,13 @@ export const AccountHolderSearchPage = () => {
         bankCode: bank,
         resultStatus: resultStatus
       }).then((rs) => {
-        console.log('Excel Download Status: ' + rs.status);
+        if (rs.status) {
+          setTimeout(() => {
+            snackBar("다운로드가 완료되었습니다.");
+          }, 2000);
+        } else {
+          snackBar("다운로드에 실패했습니다.")
+        }
       });
     }
     setEmailBottomSheetOn(false);
@@ -163,6 +173,14 @@ export const AccountHolderSearchPage = () => {
     setResultStatus(val);
   };
 
+  const setDetailDate = (detailData: DetailData) => {
+    setDetailOn(detailData.detailOn);
+    setDetailTid(detailData.tid);
+    if(detailData?.serviceCode) {
+      setDetailServiceCode(detailData?.serviceCode);
+    }
+  }
+
   useEffect(() => {
     callList();
   }, [
@@ -244,7 +262,7 @@ export const AccountHolderSearchPage = () => {
               listItems={listItems}
               mid={mid}
             ></AccountHolderSearchList>
-            <div ref={ setTarget }></div>
+            <div ref={setTarget}></div>
           </div>
         </div>
       </main>