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

MId 셋팅 변경

Browse Source
This commit is contained in:
focp212@naver.com
2025-09-30 11:37:35 +09:00
parent bd197bde15
commit f3d028da85
24 changed files with 164 additions and 305 deletions
Download Patch File Download Diff File Expand all files Collapse all files

179
src/entities/transaction/ui/filter.tsx
View File

@@ -1,179 +0,0 @@
import { IMAGE_ROOT } from '@/shared/constants/common';
import { FilterProps } from '../model/types';
import { motion } from 'framer-motion';
import { FilterMotionDuration, FilterMotionStyle, FilterMotionVariants } from '@/entities/common/model/constant';
export const Filter = ({
filterOn,
setFilterOn
}: FilterProps) => {
const onClickToClose = () => {
setFilterOn(false);
};
return (
<>
<motion.div
className="full-menu-modal"
initial="hidden"
animate={ (filterOn)? 'visible': 'hidden' }
variants={ FilterMotionVariants }
transition={ FilterMotionDuration }
style={ FilterMotionStyle }
>
<div className="full-menu-container">
<div className="full-menu-header">
<div className="full-menu-title center">필터</div>
<div className="full-menu-actions">
<button
id="closeFullMenu"
className="full-menu-close"
>
<img
src={ IMAGE_ROOT + '/ico_close.svg' }
alt="닫기"
onClick={ () => onClickToClose() }
/>
</button>
</div>
</div>
<div className="option-list">
<div className="opt-field">
<div className="opt-label">가맹점</div>
<div className="opt-controls">
<select className="flex-1">
<option>nictest00m</option>
</select>
</div>
</div>
<div className="opt-field">
<div className="opt-label">주문번호/ID</div>
<div className="opt-controls">
<select className="w-110">
<option>주문번호</option>
<option>ID</option>
</select>
<input
className="flex-1"
type="text"
placeholder=""
/>
</div>
</div>
<div className="opt-field">
<div className="opt-label">조회기간</div>
<div className="opt-controls col below h36">
<div className="chip-row">
<span className="keyword-tag active">당일</span>
<span className="keyword-tag">일주일</span>
<span className="keyword-tag">1개월</span>
<span className="keyword-tag">직접입력</span>
</div>
<div className="range-row">
<div className="input-wrapper date">
<input
className="date-input"
type="text"
placeholder="날짜 선택"
value="2025.06.08"
readOnly={ true }
/>
<button
type="button"
className="date-btn"
>
<img
src={ IMAGE_ROOT + '/ico_date.svg' }
alt="날짜 선택"
/>
</button>
</div>
<span className="beetween">~</span>
<div className="input-wrapper date">
<input
className="date-input"
type="text"
placeholder="날짜 선택"
value="2025.06.08"
readOnly={ true }
/>
<button
type="button"
className="date-btn"
>
<img
src={ IMAGE_ROOT + '/ico_date.svg' }
alt="날짜 선택"
/>
</button>
</div>
</div>
</div>
</div>
<div className="opt-field">
<div className="opt-label">요청상태</div>
<div className="opt-controls col below h36">
<div className="chip-row">
<span className="keyword-tag active">전체</span>
<span className="keyword-tag">진행중</span>
<span className="keyword-tag">성공</span>
<span className="keyword-tag">요청취소</span>
</div>
</div>
</div>
<div className="opt-field">
<div className="opt-label">저리결과</div>
<div className="opt-controls col below h36">
<div className="chip-row">
<span className="keyword-tag active">전체</span>
<span className="keyword-tag">성공</span>
<span className="keyword-tag">실패</span>
<span
className="keyword-tag"
style={{ visibility: 'hidden' }}
></span>
</div>
</div>
</div>
<div className="opt-field">
<div className="opt-label">결제수단</div>
<div className="opt-controls">
<select className="flex-1">
<option>전체</option>
</select>
</div>
</div>
<div className="opt-field">
<div className="opt-label">거래금액</div>
<div className="opt-controls">
<div className="input-wrapper ">
<input
type="text"
placeholder=""
/>
</div>
<span> ~ </span>
<div className="input-wrapper date">
<input
type="text"
placeholder=""
/>
</div>
</div>
</div>
</div>
<div className="apply-row">
<button className="btn-50 btn-blue flex-1">적용</button>
</div>
</div>
</motion.div>
</>
);
};

11
src/entities/transaction/ui/filter/all-transaction-filter.tsx
View File

@@ -25,6 +25,7 @@ import {
FilterMotionStyle,
FilterMotionVariants
} from '@/entities/common/model/constant';
import { useStore } from '@/shared/model/store';
export const AllTransactionFilter = ({
filterOn,
@@ -74,6 +75,9 @@ export const AllTransactionFilter = ({
const [filterSearchValue, setFilterSearchValue] = useState<string | undefined>(searchValue);
const [searchClOptionsGroup, setSearchClOptionsGroup] = useState<Array<Record<string, string>>>([]);
const midOptions = useStore.getState().UserStore.selectOptionsMids;
const onClickToClose = () => {
setFilterOn(false);
};
@@ -105,10 +109,7 @@ export const AllTransactionFilter = ({
setSearchValue(filterSearchValue);
onClickToClose();
};
let MidOptions = [
{name: 'nictest00m', value: 'nictest00m'}
];
let setSearchClOptions = (value: AllTransactionServiceCode) => {
let options = [];
setFilterServiceCode(value);
@@ -185,7 +186,7 @@ export const AllTransactionFilter = ({
title='가맹점'
selectValue={ filterMid }
selectSetter={ setMid }
selectOptions={ MidOptions }
selectOptions={ midOptions }
></FilterSelect>
<FilterSelectInput
title='주문번호/TID'

9
src/entities/transaction/ui/filter/billing-filter.tsx
View File

@@ -25,6 +25,7 @@ import {
FilterMotionStyle,
FilterMotionVariants
} from '@/entities/common/model/constant';
import { useStore } from '@/shared/model/store';
export const BillingFilter = ({
filterOn,
@@ -62,6 +63,8 @@ export const BillingFilter = ({
const [filterMinAmount, setFilterMinAmount] = useState<number | undefined>(minAmount);
const [filterMaxAmount, setFilterMaxAmount] = useState<number | undefined>(maxAmount);
const midOptions = useStore.getState().UserStore.selectOptionsMids;
const onClickToClose = () => {
setFilterOn(false);
};
@@ -83,11 +86,7 @@ export const BillingFilter = ({
setMaxAmount(filterMaxAmount);
onClickToClose();
};
let MidOptions = [
{name: 'nictest00m', value: 'nictest00m'}
];
useEffect(() => {
setFilterRequestStatus(requestStatus);
}, [requestStatus]);
@@ -124,7 +123,7 @@ export const BillingFilter = ({
title='가맹점'
selectValue={ filterMid }
selectSetter={ setFilterMid }
selectOptions={ MidOptions }
selectOptions={ midOptions }
></FilterSelect>
<FilterSelectInput
title='주문번호/TID'

10
src/entities/transaction/ui/filter/cash-receipt-filter.tsx
View File

@@ -22,6 +22,7 @@ import {
FilterMotionStyle,
FilterMotionVariants
} from '@/entities/common/model/constant';
import { useStore } from '@/shared/model/store';
export const CashReceiptFilter = ({
filterOn,
@@ -54,6 +55,8 @@ export const CashReceiptFilter = ({
{name: '발행번호', value: 'issue2'},
];
const midOptions = useStore.getState().UserStore.selectOptionsMids;
const onClickToClose = () => {
setFilterOn(false);
};
@@ -71,10 +74,7 @@ export const CashReceiptFilter = ({
setProcessResult(filterProcessResult);
onClickToClose();
};
let MidOptions = [
{name: 'nictest00m', value: 'nictest00m'}
];
useEffect(() => {
setFilterIssueStatus(issueStatus);
}, [issueStatus]);
@@ -111,7 +111,7 @@ export const CashReceiptFilter = ({
title='가맹점'
selectValue={ filterMid }
selectSetter={ setMid }
selectOptions={ MidOptions }
selectOptions={ midOptions }
></FilterSelect>
<FilterCalendar
title='발행일자'

8
src/entities/transaction/ui/filter/escrow-filter.tsx
View File

@@ -23,6 +23,7 @@ import {
FilterMotionStyle,
FilterMotionVariants
} from '@/entities/common/model/constant';
import { useStore } from '@/shared/model/store';
export const EscrowFilter = ({
filterOn,
@@ -57,6 +58,8 @@ export const EscrowFilter = ({
const [filterMinAmount, setFilterMinAmount] = useState<number | undefined>(minAmount);
const [filterMaxAmount, setFilterMaxAmount] = useState<number | undefined>(maxAmount);
const midOptions = useStore.getState().UserStore.selectOptionsMids;
const onClickToClose = () => {
setFilterOn(false);
};
@@ -77,9 +80,6 @@ export const EscrowFilter = ({
setMaxAmount(filterMaxAmount);
onClickToClose();
};
let MidOptions = [
{name: 'nictest00m', value: 'nictest00m'}
];
useEffect(() => {
setFilterDeliveryStatus(deliveryStatus);
@@ -117,7 +117,7 @@ export const EscrowFilter = ({
title='가맹점'
selectValue={ filterMid }
selectSetter={ setMid }
selectOptions={ MidOptions }
selectOptions={ midOptions }
></FilterSelect>
<FilterSelectInput
title='주문번호/TID'