- 안명인증 페이지 추가

src/entities/common/model/types.ts

@@ -91,6 +91,7 @@ export enum SortTypeKeys {
 export interface SortTypeBoxProps {
   sortType: SortTypeKeys;
   onClickToSort: (sortType: SortTypeKeys) => void;
+  sortOptions?: Array<{key: SortTypeKeys, label: string}>;
 };
 
 export interface CodesSelectParams {

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

@@ -1,21 +1,25 @@
 import { SortTypeKeys, SortTypeBoxProps } from '../model/types';
 export const SortTypeBox = ({
   sortType,
-  onClickToSort
+  onClickToSort,
+  sortOptions = [
+    { key: SortTypeKeys.LATEST, label: '최신순' },
+    { key: SortTypeKeys.HIGH_AMOUNT, label: '고액순' }
+  ]
 }: 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>
+        {sortOptions.map((option, index) => (
+          <span key={option.key}>
+            {index > 0 && <span className="sort-divider">|  </span>}
+            <button
+              className={`sort-btn ${(sortType === option.key) ? 'active' : ''}`}
+              onClick={() => onClickToSort(option.key)}
+            >{option.label}</button>
+          </span>
+        ))}
       </div>
     </>
   );