sort 관련 정리

src/entities/common/model/constant.ts

@@ -1,11 +1,10 @@
 import { PATHS } from "@/shared/constants/paths";
+import { SortTypeKeys } from "./types";
 
 export const DEFAULT_PAGE_PARAM = {
-  cursor: 'string',
+  cursor: null,
   size: 0,
-  sortBy: 'string',
-  sortOrder: 'ASC',
-  orderBy: 'string',
+  sortType: SortTypeKeys.LATEST,
   limit: 0
 };
 

src/entities/common/model/types.ts

@@ -20,11 +20,9 @@ export enum CalendarType {
   Single = 'Single'
 };
 export interface DefaultRequestPagination {
-  cursor: string;
+  cursor: string | null;
   size: number;
-  sortBy: string;
-  sortOrder: string;
-  orderBy: string;
+  sortType: SortTypeKeys;
   limit: number;
 };
 export interface DefaulResponsePagination {
@@ -84,13 +82,15 @@ export enum FooterItemActiveKey {
   Settlement = 'Settlement',
   Account = 'Account',
 };
-export enum SortByKeys {
-  New = 'New',
-  Amount = 'Amount',
+export enum SortTypeKeys {
+  LATEST = 'LATEST',
+  OLDEST = 'OLDEST',
+  HIGH_AMOUNT = 'HIGH_AMOUNT',
+  LOW_AMOUNT = 'LOW_AMOUNT'
 };
-export interface SortOptionsBoxProps {
-  sortBy: SortByKeys;
-  onClickToSort: (sortBy: SortByKeys) => void;
+export interface SortTypeBoxProps {
+  sortType: SortTypeKeys;
+  onClickToSort: (sortType: SortTypeKeys) => void;
 };
 
 export interface CodesSelectParams {

src/entities/common/ui/sort-options-box.tsx

@@ -1,22 +0,0 @@
-import { SortByKeys, SortOptionsBoxProps } from '../model/types';
-export const SortOptionsBox = ({
-  sortBy,
-  onClickToSort
-}: SortOptionsBoxProps) => {
-   
-  return (
-    <>
-      <div className="sort-options">
-        <button 
-          className={ `sort-btn ${(sortBy === SortByKeys.New)? 'active': ''}` }
-          onClick={ () => onClickToSort(SortByKeys.New) }
-        >최신순</button>
-        <span className="sort-divider">|</span>
-        <button 
-          className={ `sort-btn ${(sortBy === SortByKeys.Amount)? 'active': ''}` }
-          onClick={ () => onClickToSort(SortByKeys.Amount) }
-        >고액순</button>
-      </div>
-    </>
-  );
-};

src/entities/common/ui/sort-type-box.tsx

@@ -0,0 +1,22 @@
+import { SortTypeKeys, SortTypeBoxProps } from '../model/types';
+export const SortTypeBox = ({
+  sortType,
+  onClickToSort
+}: SortTypeBoxProps) => {
+   
+  return (
+    <>
+      <div className="sort-options">
+        <button 
+          className={ `sort-btn ${(sortType === SortTypeKeys.LATEST)? 'active': ''}` }
+          onClick={ () => onClickToSort(SortTypeKeys.LATEST) }
+        >최신순</button>
+        <span className="sort-divider">|</span>
+        <button 
+          className={ `sort-btn ${(sortType === SortTypeKeys.HIGH_AMOUNT)? 'active': ''}` }
+          onClick={ () => onClickToSort(SortTypeKeys.HIGH_AMOUNT) }
+        >고액순</button>
+      </div>
+    </>
+  );
+};