sort 관련 정리

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

@@ -11,8 +11,8 @@ import { useDownloadExcelMutation } from '@/entities/transaction/api/use-downloa
 import { DEFAULT_PAGE_PARAM } from '@/entities/common/model/constant';
 import { EscrowFilter } from '@/entities/transaction/ui/filter/escrow-filter';
 import { EscrowDeliveryStatusBtnGroup } from '@/entities/transaction/model/contant';
-import { SortOptionsBox } from '@/entities/common/ui/sort-options-box';
-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,
@@ -25,7 +25,7 @@ export const EscrowListPage = () => {
 	const userInfo = useStore((state) => state.UserStore.userInfo);
 	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 [filterOn, setFilterOn] = useState<boolean>(false);
 	const [pageParam, setPageParam] = useState(DEFAULT_PAGE_PARAM);
@@ -51,10 +51,10 @@ export const EscrowListPage = () => {
 	const { mutateAsync: downloadExcel } = useDownloadExcelMutation();
 	
 	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 newMinAmount = minAmount;
 		if(!!minAmount && typeof(minAmount) === 'string'){
@@ -109,10 +109,10 @@ export const EscrowListPage = () => {
 
     });
   };
-  const onClickToSort = (sort: SortByKeys) => {
-    setSortBy(sort);
+  const onClickToSort = (sort: SortTypeKeys) => {
+    setSortType(sort);
     callList({
-			sortBy: sort
+			sortType: sort
 		});
   };
 	
@@ -160,10 +160,10 @@ export const EscrowListPage = () => {
 						</div>
 							
 						<div className="filter-section">
-							<SortOptionsBox
-								sortBy={ sortBy }
+							<SortTypeBox
+								sortType={ sortType }
 								onClickToSort={ onClickToSort }
-							></SortOptionsBox>
+							></SortTypeBox>
 							<div className="excrow">
 								<div className="full-menu-keywords no-padding">
 								{