sort 관련 정리

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 { HeaderType } from '@/entities/common/model/types';
 import { AccountHolderSearchFilter } from '@/entities/additional-service/ui/account-holder-search/filter/account-holder-search-filter';
-import { ProcessResult, AccountHolderSearchType, SortByKeys, AccountHolderSearchListItem } from '@/entities/additional-service/model/types';
+import { ProcessResult, AccountHolderSearchType, AccountHolderSearchListItem } from '@/entities/additional-service/model/types';
 import {
   useSetHeaderTitle,
   useSetHeaderType,
@@ -15,7 +15,8 @@ import {
 import { useExtensionAccountHolderSearchListMutation } from '@/entities/additional-service/api/account-holder-search/use-extension-account-holder-search-list-mutation';
 import { DEFAULT_PAGE_PARAM } from '@/entities/common/model/constant';
 import { useExtensionAccountHolderSearchDownloadExcelMutation } from '@/entities/additional-service/api/account-holder-search/use-extension-account-holder-search-download-excel-mutation';
-import { SortOptionsBox } from '@/entities/additional-service/ui/sort-options-box';
+import { SortTypeBox } from '@/entities/common/ui/sort-type-box';
+import { SortTypeKeys } from '@/entities/common/model/types';
 import { AccountHolderSearchList } from '@/entities/additional-service/ui/account-holder-search/account-holder-search-list';
 import { useStore } from '@/shared/model/store';
 
@@ -29,7 +30,7 @@ export const AccountHolderSearchPage = () => {
   const { navigate } = useNavigate();
   const userMid = useStore.getState().UserStore.mid;
 
-  const [sortBy, setSortBy] = useState<SortByKeys>(SortByKeys.New);
+  const [sortType, setSortType] = useState<SortTypeKeys>(SortTypeKeys.LATEST);
   const [listItems, setListItems] = useState({});
   const [pageParam, setPageParam] = useState(DEFAULT_PAGE_PARAM);
   const [filterOn, setFilterOn] = useState<boolean>(false);
@@ -52,10 +53,10 @@ export const AccountHolderSearchPage = () => {
   const { mutateAsync: downloadExcel } = useExtensionAccountHolderSearchDownloadExcelMutation();
 
   const callList = (option?: {
-    sortBy?: string,
+    sortType?: SortTypeKeys,
     val?: string
   }) => {
-    pageParam.sortBy = (option?.sortBy) ? option.sortBy : sortBy;
+    pageParam.sortType = (option?.sortType) ? option.sortType : sortType;
     setPageParam(pageParam);
     let listParams = {
       mid: mid,
@@ -110,9 +111,11 @@ export const AccountHolderSearchPage = () => {
     });
   };
 
-  const onClickToSort = (sort: SortByKeys) => {
-    setSortBy(sort);
-    callList({ sortBy: sort })
+  const onClickToSort = (sort: SortTypeKeys) => {
+    setSortType(sort);
+    callList({
+      sortType: sort
+    });
   };
 
   const onClickToTransactionStatus = (val: ProcessResult) => {
@@ -164,10 +167,10 @@ export const AccountHolderSearchPage = () => {
             </section>
 
             <div className="filter-section">
-              <SortOptionsBox
-                sortBy={sortBy}
-                onClickToSort={onClickToSort}
-              ></SortOptionsBox>
+              <SortTypeBox
+                sortType={ sortType }
+                onClickToSort={ onClickToSort }
+              ></SortTypeBox>
               <div className="excrow">
                 <div className="full-menu-keywords no-padding">
                   {