- getListDateGroup 수정

- 알림톡 필터 추가
- 일부 부가서비스 엑셀다운로드 바텀시트 추가

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

@@ -21,37 +21,16 @@ import { AccountHolderSearchList } from '@/entities/additional-service/ui/accoun
 import { useStore } from '@/shared/model/store';
 import { AccountHolderSearchListItem, AccountHolderSearchType } from '@/entities/additional-service/model/account-holder-search/types';
 import { resultStatusBtnGroup } from '@/entities/additional-service/model/account-holder-search/constant';
-import useIntersectionObserver from '@/widgets/intersection-observer';
+import { EmailBottomSheet } from '@/entities/common/ui/email-bottom-sheet';
 
 export const AccountHolderSearchPage = () => {
   const { navigate } = useNavigate();
 
-  const [onActionIntersect, setOnActionIntersect] = useState<boolean>(false);
-  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) {
-          callList();
-        }
-      }
-      else {
-        console.log('Element is no longer intersecting with the root.');
-      }
-    });
-  };
-
-  const { setTarget } = useIntersectionObserver({
-    threshold: 1,
-    onIntersect
-  });
-
   const userMid = useStore.getState().UserStore.mid;
 
   const [sortType, setSortType] = useState<SortTypeKeys>(SortTypeKeys.LATEST);
   const [listItems, setListItems] = useState<Array<AccountHolderSearchListItem>>([]);
   const [pageParam, setPageParam] = useState<DefaultRequestPagination>(DEFAULT_PAGE_PARAM);
-  const [nextCursor, setNextCursor] = useState<string | null>(null);
   const [filterOn, setFilterOn] = useState<boolean>(false);
   const [mid, setMid] = useState<string>(userMid);
   const [searchType, setSearchType] = useState<AccountHolderSearchType>(AccountHolderSearchType.ACCOUNT_NAME)
@@ -60,6 +39,8 @@ export const AccountHolderSearchPage = () => {
   const [endDate, setEndDate] = useState(moment().format('YYYYMMDD'));
   const [bank, setBank] = useState<string>('');
   const [processResult, setProcessResult] = useState<ProcessResult>(ProcessResult.ALL);
+  const [emailBottomSheetOn, setEmailBottomSheetOn] = useState<boolean>(false);
+  const [email, setEmail] = useState<string>('');
 
   useSetHeaderTitle('계좌성명조회');
   useSetHeaderType(HeaderType.LeftArrow);
@@ -73,17 +54,8 @@ export const AccountHolderSearchPage = () => {
 
   const callList = (option?: {
     sortType?: SortTypeKeys,
-    processResult?: ProcessResult,
-    resetPage?: boolean
+    processResult?: ProcessResult
   }) => {
-    setOnActionIntersect(false);
-
-    const currentPageParam = option?.resetPage
-      ? { ...DEFAULT_PAGE_PARAM, sortType: option?.sortType ?? sortType }
-      : { ...pageParam, sortType: option?.sortType ?? sortType };
-
-    setPageParam(currentPageParam);
-
     let listParams = {
       mid: mid,
       searchCl: searchType,
@@ -92,27 +64,16 @@ export const AccountHolderSearchPage = () => {
       toDate: endDate,
       bankCode: bank,
       resultStatus: option?.processResult ?? processResult,
-      ... {
-        page: currentPageParam
-      }
+      page: pageParam
+    }
+
+    if (listParams.page) {
+      listParams.page.sortType = option?.sortType || sortType;
+      setPageParam(listParams.page);
     }
 
     accountHolderSearchList(listParams).then((rs) => {
-      setListItems(option?.resetPage ? rs.content : [
-        ...listItems,
-        ...rs.content
-      ]);
-      if (rs.hasNext) {
-        setNextCursor(rs.nextCursor);
-        setPageParam({
-          ...currentPageParam,
-          cursor: rs.nextCursor
-        });
-        setOnActionIntersect(true)
-      }
-      else {
-        setNextCursor(null);
-      }
+      setListItems(rs.content);
     });
   }
 
@@ -120,6 +81,30 @@ export const AccountHolderSearchPage = () => {
     setFilterOn(!filterOn);
   };
 
+  const onClickToOpenEmailBottomSheet = () => {
+    setEmailBottomSheetOn(true);
+  };
+
+  const onSendRequest = (selectedEmail?: string) => {
+    if (selectedEmail) {
+
+      // 이메일을 설정한 후 다운로드 실행
+      downloadExcel({
+        mid: mid,
+        //email: selectedEmail,
+        searchCl: searchType,
+        searchValue: searchKeyword,
+        fromDate: startDate,
+        toDate: endDate,
+        bankCode: bank,
+        resultStatus: processResult
+      }).then((rs) => {
+        console.log('Excel Download Status: ' + rs.status);
+      });
+    }
+    setEmailBottomSheetOn(false);
+  };
+
   const onClickToDownloadExcel = () => {
     downloadExcel({
       mid: mid,
@@ -137,22 +122,19 @@ export const AccountHolderSearchPage = () => {
   const onClickToSort = (sort: SortTypeKeys) => {
     setSortType(sort);
     callList({
-      sortType: sort,
-      resetPage: true
+      sortType: sort
     });
   };
 
   const onClickToTransactionStatus = (val: ProcessResult) => {
     setProcessResult(val);
     callList({
-      processResult: val,
-      resetPage: true
+      processResult: val
     });
   };
 
   useEffect(() => {
-    // 필터 조건이 변경되면 첫 페이지부터 다시 시작
-    callList({ resetPage: true });
+    callList();
   }, [
     mid,
     searchType,
@@ -190,11 +172,11 @@ export const AccountHolderSearchPage = () => {
                 </div>
                 <button
                   className="download-btn"
+                  onClick={onClickToOpenEmailBottomSheet}
                 >
                   <img
                     src={IMAGE_ROOT + '/ico_download.svg'}
                     alt="다운로드"
-                    onClick={() => onClickToDownloadExcel()}
                   />
                 </button>
               </div>
@@ -222,7 +204,6 @@ export const AccountHolderSearchPage = () => {
             <AccountHolderSearchList
               listItems={listItems}
               mid={mid}
-              setTarget={setTarget}
             ></AccountHolderSearchList>
           </div>
         </div>
@@ -245,6 +226,14 @@ export const AccountHolderSearchPage = () => {
         setBank={setBank}
         setProcessResult={setProcessResult}
       ></AccountHolderSearchFilter>
+
+      <EmailBottomSheet
+        bottomSheetOn={emailBottomSheetOn}
+        setBottomSheetOn={setEmailBottomSheetOn}
+        imageSave={false}
+        sendEmail={true}
+        sendRequest={onSendRequest}
+      />
     </>
   );
 };