sort 관련 정리

src/entities/additional-service/ui/fund-account/transfer-list-wrap.tsx

@@ -1,4 +1,4 @@
-import { SortByKeys } from '@/entities/common/model/types';
+import { SortTypeKeys } from '@/entities/common/model/types';
 import { IMAGE_ROOT } from '@/shared/constants/common';
 import { useNavigate } from '@/shared/lib/hooks/use-navigate';
 import { useEffect, useState } from 'react';
@@ -18,7 +18,7 @@ import moment from 'moment';
 import { useExtensionFundAccountTransferListMutation } from '../../api/fund-account/use-extension-fund-account-transfer-list-mutation';
 import { ListDateGroup } from '../list-date-group';
 import { AdditionalServiceCategory } from '../../model/types';
-import { SortOptionsBox } from '@/entities/common/ui/sort-options-box';
+import { SortTypeBox } from '@/entities/common/ui/sort-type-box';
 import { useExtensionFundAccountTransferExcelMutation } from '../../api/fund-account/use-extension-fund-account-transfer-excel-mutation';
 import { FundAccountStatusBtnGroup } from '../../model/fund-account/constant';
 import { useExtensionFundAccountBalanceMutation } from '../../api/fund-account/use-extension-fund-account-balance-mutation';
@@ -31,7 +31,7 @@ export const FundAccountTransferListWrap = () => {
   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<Record<string, Array<FundAccountTransferContentItem>>>({});
   const [filterOn, setFilterOn] = useState<boolean>(false);
   const [pageParam, setPageParam] = useState(DEFAULT_PAGE_PARAM);
@@ -50,11 +50,11 @@ export const FundAccountTransferListWrap = () => {
   const { mutateAsync: extensionFundAccountBalance } = useExtensionFundAccountBalanceMutation();
 
   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 params: ExtensionFundAccountTransferListParams = {
@@ -119,13 +119,15 @@ export const FundAccountTransferListWrap = () => {
     setFilterOn(!filterOn);
   };
 
-  const onClickToSort = (sort: SortByKeys) => {
-    setSortBy(sort);
-    callList({sortBy: sort});
+  const onClickToSort = (sort: SortTypeKeys) => {
+    setSortType(sort);
+    callList({sortType: sort});
   };
   const onClickToStatus = (val: FundAccountStatus) => {
     setStatus(val);
-    callList({val: val});
+    callList({
+      val: val
+    });
   };
 
   const getListDateGroup = () => {
@@ -208,10 +210,10 @@ export const FundAccountTransferListWrap = () => {
       </section>
 
       <section className="filter-section">
-        <SortOptionsBox
-          sortBy={ sortBy }
+        <SortTypeBox
+          sortType={ sortType }
           onClickToSort={ onClickToSort }
-        ></SortOptionsBox>
+        ></SortTypeBox>
         <div className="excrow mr-0">
           <div className="full-menu-keywords no-padding">
           {