sort 관련 정리

src/pages/transaction/all-transaction/list-page.tsx

@@ -11,9 +11,8 @@ import { useAllTransactionListSummaryMutation } from '@/entities/transaction/api
 import { useDownloadExcelMutation } from '@/entities/transaction/api/use-download-excel-mutation';
 import { DEFAULT_PAGE_PARAM } from '@/entities/common/model/constant';
 import { AllTransactionFilter } from '@/entities/transaction/ui/filter/all-transaction-filter';
-import { SortOptionsBox } from '@/entities/common/ui/sort-options-box';
-import { FooterItemActiveKey } from '@/entities/common/model/types';
-import { SortByKeys, HeaderType } from '@/entities/common/model/types';
+import { SortTypeBox } from '@/entities/common/ui/sort-type-box';
+import { SortTypeKeys, HeaderType } from '@/entities/common/model/types';
 import { 
 	useSetOnBack,
 	useSetHeaderTitle,
@@ -29,7 +28,7 @@ export const AllTransactionListPage = () => {
   const [serviceCodeOptions, setServiceCodeOptions] = useState<Array<Record<string, any>>>();
   const [selectedServiceCode, setSelectedServiceCode] = useState<string>('st');
   
-  const [sortBy, setSortBy] = useState<SortByKeys>(SortByKeys.New);
+  const [sortType, setSortType] = useState<SortTypeKeys>(SortTypeKeys.LATEST);
   const [listItems, setListItems] = useState({});
   const [filterOn, setFilterOn] = useState<boolean>(false);
   const [pageParam, setPageParam] = useState(DEFAULT_PAGE_PARAM);
@@ -64,7 +63,7 @@ export const AllTransactionListPage = () => {
   const { mutateAsync: downloadExcel } = useDownloadExcelMutation();
   
   const callList = (option?: {
-    sortBy?: string, 
+    sortType?: SortTypeKeys, 
     val?: string
   }) => {
     let listSummaryParams = {
@@ -82,8 +81,9 @@ export const AllTransactionListPage = () => {
       bankCode: bankCode,
       searchCl: searchCl,
       searchValue: searchValue,
+      sortType: sortType
     };
-    pageParam.sortBy = (option?.sortBy)? option.sortBy: sortBy;
+    pageParam.sortType = (option?.sortType)? option.sortType: sortType;
     setPageParam(pageParam);
     
     let listParams = {
@@ -127,9 +127,9 @@ export const AllTransactionListPage = () => {
 
     });
   };
-  const onClickToSort = (sort: SortByKeys) => {
-    setSortBy(sort);
-    callList({sortBy: sort});
+  const onClickToSort = (sort: SortTypeKeys) => {
+    setSortType(sort);
+    callList({sortType: sort});
   };
   const callServiceCodeOptions = () => {
     let options = [
@@ -226,10 +226,10 @@ export const AllTransactionListPage = () => {
 						</div>
 							
 						<div className="filter-section">
-							<SortOptionsBox
-                sortBy={ sortBy }
+							<SortTypeBox
+                sortType={ sortType }
                 onClickToSort={ onClickToSort }
-              ></SortOptionsBox>
+              ></SortTypeBox>
 							<select 
                 value={ selectedServiceCode }
                 onChange={ (e) => onChangeSelectedServiceCode(e) }>