정렬 박스 및 드랍다운 섹션 화살표 공통화 처리

src/entities/transaction/model/types.ts

@@ -4,10 +4,6 @@ export enum CancelTabKeys {
   All = 'All',
   Part = 'Part'
 };
-export enum SortByKeys {
-  New = 'New',
-  Amount = 'Amount',
-};
 export enum TransactionCategory {
   AllTransaction = 'AllTransaction',
   CashReceipt = 'CashReceipt',
@@ -130,10 +126,6 @@ export enum BillingPaymentMethod {
   MOBILE_PAYMENT = 'MOBILE_PAYMENT'
 };
 
-export interface SortOptionsBoxProps {
-  sortBy: SortByKeys;
-  onCliCkToSort: (sortBy: SortByKeys) => void;
-};
 export interface ListItemProps extends AllTransactionListItem, CashReceiptListItem, EscrowListItem, BillingListItem {
   transactionCategory?: TransactionCategory;
 };

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

@@ -1,25 +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>
-    </>
-  );
-};