- getListDateGroup 수정

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

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

@@ -1,7 +1,7 @@
 import moment from 'moment';
 import { PATHS } from '@/shared/constants/paths';
 import { useNavigate } from '@/shared/lib/hooks/use-navigate';
-import { HeaderType } from '@/entities/common/model/types';
+import { DefaultRequestPagination, HeaderType } from '@/entities/common/model/types';
 import { IMAGE_ROOT } from '@/shared/constants/common';
 import { useEffect, useState } from 'react';
 import { DEFAULT_PAGE_PARAM } from '@/entities/common/model/constant';
@@ -19,21 +19,24 @@ import { AccountHolderAuthList } from '@/entities/additional-service/ui/account-
 import { useExtensionAccountHolderAuthDownloadExcelMutation } from '@/entities/additional-service/api/account-holder-auth/use-extension-account-holder-auth-download-excel-mutation';
 import { AccountHolderAuthFilter } from '@/entities/additional-service/ui/account-holder-auth/filter/account-holder-auth-filter';
 import { useStore } from '@/shared/model/store';
-import { AccountHolderAuthListItem, AuthAndTransferStatus } from '@/entities/additional-service/model/account-holder-auth/types';
+import { AccountHolderAuthListItem, AuthAndTransferStatus, ExtensionAccountHolderAuthContentItem, ExtensionAccountHolderAuthDownloadExcelParams, ExtensionAccountHolderAuthDownloadExcelResponse } from '@/entities/additional-service/model/account-holder-auth/types';
+import { AdditionalServiceCategory } from '@/entities/additional-service/model/types';
+import { EmailBottomSheet } from '@/entities/common/ui/email-bottom-sheet';
 
 export const AccountHolderAuthPage = () => {
   const { navigate } = useNavigate();
+
   const userMid = useStore.getState().UserStore.mid;
 
   const [sortType, setSortType] = useState<SortTypeKeys>(SortTypeKeys.LATEST);
-  const [listItems, setListItems] = useState({});
+  const [listItems, setListItems] = useState<Array<ExtensionAccountHolderAuthContentItem>>([]);
   const [filterOn, setFilterOn] = useState<boolean>(false);
-  const [pageParam, setPageParam] = useState(DEFAULT_PAGE_PARAM);
+  const [pageParam, setPageParam] = useState<DefaultRequestPagination>(DEFAULT_PAGE_PARAM);
   const [mid, setMid] = useState<string>(userMid);
-  const [fromDate, setFromDate] = useState(moment().format('YYYY-MM-DD'));
-  const [toDate, setToDate] = useState(moment().format('YYYY-MM-DD'));
+  const [fromDate, setFromDate] = useState(moment().format('YYYYMMDD'));
+  const [toDate, setToDate] = useState(moment().format('YYYYMMDD'));
   const [authStatus, setAuthStatus] = useState<AuthAndTransferStatus>(AuthAndTransferStatus.ALL)
-
+  const [emailBottomSheetOn, setEmailBottomSheetOn] = useState<boolean>(false);
   useSetHeaderTitle('계좌점유인증');
   useSetHeaderType(HeaderType.LeftArrow);
   useSetFooterMode(false);
@@ -43,12 +46,11 @@ export const AccountHolderAuthPage = () => {
 
   const { mutateAsync: accountHolderAuthList } = useExtensionAccountHolderAuthListMutation();
   const { mutateAsync: downloadExcel } = useExtensionAccountHolderAuthDownloadExcelMutation();
+
   const callList = (option?: {
     sortType?: SortTypeKeys,
-    val?: string
+    status?: AuthAndTransferStatus
   }) => {
-    pageParam.sortType = (option?.sortType)? option.sortType: sortType;
-    setPageParam(pageParam);
     let listParams = {
       mid: mid,
       fromDate: fromDate,
@@ -57,28 +59,14 @@ export const AccountHolderAuthPage = () => {
       page: pageParam
     };
 
-    accountHolderAuthList(listParams).then((rs) => {
-      setListItems(assembleData(rs.content));
-    });
-  }
-
-  const assembleData = (content: Array<AccountHolderAuthListItem>) => {
-    console.log('rs.content:', content)
-    let data: any = {};
-    if (content && content.length > 0) {
-      for (let i = 0; i < content?.length; i++) {
-        let requestDate = content[i]?.requestDate?.substring(0, 8);
-        let groupDate = moment(requestDate).format('YYYYMMDD');
-        if(!!groupDate && !data.hasOwnProperty(groupDate)){
-          data[groupDate] = [];
-        }
-        if(!!groupDate && data.hasOwnProperty(groupDate)){
-          data[groupDate].push(content[i]);
-        }
-      }
+    if (listParams.page) {
+      listParams.page.sortType = option?.sortType || sortType;
+      setPageParam(listParams.page);
     }
-    console.log('Data : ', data);
-    return data;
+
+    accountHolderAuthList(listParams).then((rs) => {
+      setListItems(rs.content);
+    });
   };
 
   const onClickToDownloadExcel = () => {
@@ -100,19 +88,46 @@ export const AccountHolderAuthPage = () => {
     setSortType(sort);
     callList({
       sortType: sort
-    })
+    });
   };
 
-
   const onClickToAuthStatus = (val: AuthAndTransferStatus) => {
     setAuthStatus(val);
-    callList({ val: val });
+    callList({
+      status: val
+    });
+  };
+
+
+  const onClickToOpenEmailBottomSheet = () => {
+    setEmailBottomSheetOn(true);
+  };
+
+  const onSendRequest = (selectedEmail?: string) => {
+    if (selectedEmail) {
+      const params: ExtensionAccountHolderAuthDownloadExcelParams = { // 추후 수정필요
+        mid: mid,
+        //email: selectedEmail,
+        fromDate: fromDate,
+        toDate: toDate,
+        authStatus: authStatus
+      };
+      downloadExcel(params).then((rs: ExtensionAccountHolderAuthDownloadExcelResponse) => {
+        console.log('Excel Download Status:', rs.status);
+      });
+    }
+    setEmailBottomSheetOn(false);
   };
 
   useEffect(() => {
     callList();
-  }, []);
-  
+  }, [
+    mid,
+    fromDate,
+    toDate,
+    authStatus
+  ]);
+
   return (
     <>
       <main>
@@ -152,8 +167,8 @@ export const AccountHolderAuthPage = () => {
 
             <div className="filter-section">
               <SortTypeBox
-                sortType={ sortType }
-                onClickToSort={ onClickToSort }
+                sortType={sortType}
+                onClickToSort={onClickToSort}
               ></SortTypeBox>
               <div className="excrow">
                 <div className="full-menu-keywords no-padding">
@@ -170,6 +185,7 @@ export const AccountHolderAuthPage = () => {
               </div>
             </div>
             <AccountHolderAuthList
+              additionalServiceCategory={AdditionalServiceCategory.AccountHolderAuth}
               listItems={listItems}
               mid={mid}
             ></AccountHolderAuthList>
@@ -189,6 +205,14 @@ export const AccountHolderAuthPage = () => {
         setAuthStatus={setAuthStatus}
       >
       </AccountHolderAuthFilter>
+
+      <EmailBottomSheet
+        bottomSheetOn={emailBottomSheetOn}
+        setBottomSheetOn={setEmailBottomSheetOn}
+        imageSave={false}
+        sendEmail={true}
+        sendRequest={onSendRequest}
+      />
     </>
   );
 };