- 안명인증 페이지 추가

This commit is contained in:
HyeonJongKim
2025-10-23 19:02:04 +09:00
parent c2041f918f
commit 6e8b73bd84
12 changed files with 353 additions and 173 deletions

View File

@@ -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>
</>
);