25 lines
666 B
TypeScript
25 lines
666 B
TypeScript
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>
|
|
</>
|
|
);
|
|
}; |