sort 관련 정리

src/pages/additional-service/payout/list-page.tsx

@@ -1,6 +1,6 @@
 import { PATHS } from '@/shared/constants/paths';
 import { useNavigate } from '@/shared/lib/hooks/use-navigate';
-import { HeaderType, SortByKeys } from '@/entities/common/model/types';
+import { HeaderType, SortTypeKeys } from '@/entities/common/model/types';
 import { IMAGE_ROOT } from '@/shared/constants/common';
 import { useExtensionPayoutListMutation } from '@/entities/additional-service/api/payout/use-extension-payout-list-mutation';
 import {
@@ -21,7 +21,7 @@ import {
   useSetOnBack
 } from '@/widgets/sub-layout/use-sub-layout';
 import moment from 'moment';
-import { SortOptionsBox } from '@/entities/common/ui/sort-options-box';
+import { SortTypeBox } from '@/entities/common/ui/sort-type-box';
 import { useExtensionPayoutExcelMutation } from '@/entities/additional-service/api/payout/use-extension-payout-excel-mutation';
 import { PayoutFilter } from '@/entities/additional-service/ui/filter/payout-filter';
 import { PayoutDisbursementStatusBtnGroup } from '@/entities/additional-service/model/payout/constant';
@@ -33,7 +33,7 @@ export const PayoutListPage = () => {
   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<PayoutContent>>>({});
   const [filterOn, setFilterOn] = useState<boolean>(false);
   const [pageParam, setPageParam] = useState(DEFAULT_PAGE_PARAM);
@@ -69,10 +69,10 @@ export const PayoutListPage = () => {
   };
 
   const callExtensionPayoutList = (option?: {
-    sortBy?: string, 
+    sortType?: SortTypeKeys, 
     val?: string
   }) => {
-    pageParam.sortBy = (option?.sortBy)? option.sortBy: sortBy;
+    pageParam.sortType = (option?.sortType)? option.sortType: sortType;
     setPageParam(pageParam);
 		let newMinAmount = minAmount;
 		if(!!minAmount && typeof(minAmount) === 'string'){
@@ -141,9 +141,9 @@ export const PayoutListPage = () => {
   const onClickToOpenFilter = () => {
     setFilterOn(!filterOn);
   };
-  const onClickToSort = (sort: SortByKeys) => {
-    setSortBy(sort);
-    callExtensionPayoutList({sortBy: sort});
+  const onClickToSort = (sort: SortTypeKeys) => {
+    setSortType(sort);
+    callExtensionPayoutList({sortType: sort});
   };
   const onClickToDisbursementStatus = (val: PayoutDisbursementStatus) => {
     setDisbursementStatus(val);
@@ -224,10 +224,10 @@ export const PayoutListPage = () => {
             </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">
                 {