nicepayments/nice-app-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

calendar 수정

Browse Source
This commit is contained in:
focp212@naver.com
2025-11-03 11:20:31 +09:00
parent 0b3c326768
commit f2b09cd2f8
7 changed files with 191 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/entities/additional-service/ui/link-payment/link-payment-history-wrap.tsx
View File

@@ -215,8 +215,7 @@ export const LinkPaymentHistoryWrap = () => {
<SortTypeBox
sortType={sortType}
onClickToSort={onClickToSort}
>
</SortTypeBox>
></SortTypeBox>
<div className="excrow">
<div className="full-menu-keywords no-padding">
{

18
src/entities/additional-service/ui/settlement-agency/settlement-agency-deposit-wrap.tsx
View File

@@ -1,10 +1,19 @@
import { PATHS } from '@/shared/constants/paths';
import { useNavigate } from '@/shared/lib/hooks/use-navigate';
import { IMAGE_ROOT } from '@/shared/constants/common';
import { SortTypeBox } from '@/entities/common/ui/sort-type-box';
import { useState } from 'react';
import { SortTypeKeys } from '@/entities/common/model/types';
export const SettlementAgencyDepositWrap = () => {
const { navigate } = useNavigate();
const [sortType, setSortType] = useState<SortTypeKeys>(SortTypeKeys.LATEST);
const onClickToSort = (sort: SortTypeKeys) => {
setSortType(sort);
};
const onClickRegister = () => {
navigate(PATHS.additionalService.settlementAgency.register);
};
@@ -46,11 +55,10 @@ export const SettlementAgencyDepositWrap = () => {
</div>
</div>
<div className="filter-section">
<div className="sort-options">
<button className="sort-btn active">최신순</button>
<span className="sort-divider">|</span>
<button className="sort-btn">고액순</button>
</div>
<SortTypeBox
sortType={sortType}
onClickToSort={onClickToSort}
></SortTypeBox>
<div>
<div className="full-menu-keywords no-padding">
<span className="keyword-tag active">전체</span>

17
src/entities/additional-service/ui/settlement-agency/settlement-agency-manage-wrap.tsx
View File

@@ -1,16 +1,24 @@
import { PATHS } from '@/shared/constants/paths';
import { useNavigate } from '@/shared/lib/hooks/use-navigate';
import { IMAGE_ROOT } from '@/shared/constants/common';
import { SortTypeBox } from '@/entities/common/ui/sort-type-box';
import { useState } from 'react';
import { SortTypeKeys } from '@/entities/common/model/types';
export const SettlementAgencyManageWrap = () => {
const { navigate } = useNavigate();
const [sortType, setSortType] = useState<SortTypeKeys>(SortTypeKeys.LATEST);
const onClickToRegister = () => {
navigate(PATHS.additionalService.settlementAgency.register);
};
const onClickToDetail = () => {
navigate(PATHS.additionalService.settlementAgency.detail);
};
const onClickToSort = (sort: SortTypeKeys) => {
setSortType(sort);
};
return (
<>
@@ -95,11 +103,10 @@ export const SettlementAgencyManageWrap = () => {
</div>
</section>
<section className="filter-section">
<div className="sort-options">
<button className="sort-btn active">최신순</button>
<span className="sort-divider">|</span>
<button className="sort-btn">고액순</button>
</div>
<SortTypeBox
sortType={ sortType }
onClickToSort={ onClickToSort }
></SortTypeBox>
<div className="excrow">
<div className="notice-tabs sub">
<button className="tab36 on">전체</button>

12
src/entities/common/ui/sort-type-box.tsx
View File

@@ -18,19 +18,19 @@ export const SortTypeBox = ({
return (
<>
<div className="sort-options">
{ options.map((option: Record<string, any>, index: number) => (
{ options.map((value: Record<string, any>, index: number) => (
<>
{ (index > 0) &&
<span
key={ option.key + '-divider' }
key={ value.key + '-divider' }
className="sort-divider"
>|</span>
}
<span key={ option.key }>
<span key={ value.key }>
<button
className={ `sort-btn ${(sortType === option.key)? 'active': ''}` }
onClick={ () => onClickToSort(option.key) }
>{ option.label }</button>
className={ `sort-btn ${(sortType === value.key)? 'active': ''}` }
onClick={ () => onClickToSort(value.key) }
>{ value.label }</button>
</span>
</>
))}