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

8
src/entities/additional-service/ui/account-holder-auth/filter/account-holder-auth-filter.tsx
View File

@@ -8,6 +8,7 @@ import { FilterButtonGroups } from '@/shared/ui/filter/button-groups';
import { AccountHolderAuthFilterProps, AuthAndTransferStatus } from '@/entities/additional-service/model/types';
import { authStatusBtnGroup } from '@/entities/additional-service/model/account-holder-auth/constant';
import { FilterMotionDuration, FilterMotionStyle, FilterMotionVariants } from '@/entities/common/model/constant';
import { useStore } from '@/shared/model/store';
export const AccountHolderAuthFilter = ({
filterOn,
@@ -27,10 +28,7 @@ export const AccountHolderAuthFilter = ({
const [filterEndDate, setFilterEndDate] = useState<string>(moment(endDate).format('YYYY.MM.DD'));
const [filterAuthStatus, setFilterAuthStatus] = useState<AuthAndTransferStatus>(authStatus);
let MidOptions = [
{ name: 'nictest00m', value: 'nictest00m' },
{ name: 'nictest002m', value: 'nictest002m' }
];
const midOptions = useStore.getState().UserStore.selectOptionsMids;
const onClickToClose = () => {
setFilterOn(false);
@@ -76,7 +74,7 @@ export const AccountHolderAuthFilter = ({
title='가맹점'
selectValue={mid}
selectSetter={setMid}
selectOptions={MidOptions}
selectOptions={midOptions}
></FilterSelect>
<FilterCalendar

12
src/entities/additional-service/ui/account-holder-search/filter/account-holder-search-filter.tsx
View File

@@ -13,6 +13,7 @@ import { FilterDateOptions } from '@/entities/common/model/types';
import { FilterCalendar } from '@/shared/ui/filter/calendar';
import { FilterButtonGroups } from '@/shared/ui/filter/button-groups';
import { FilterMotionDuration, FilterMotionStyle, FilterMotionVariants } from '@/entities/common/model/constant';
import { useStore } from '@/shared/model/store';
export const AccountHolderSearchFilter = ({
filterOn,
@@ -41,6 +42,8 @@ export const AccountHolderSearchFilter = ({
const [filterBank, setFilterBank] = useState<string>(bank)
const [filterProcessResult, setFilterProcessResult] = useState<ProcessResult>(processResult);
const midOptions = useStore.getState().UserStore.selectOptionsMids;
const onClickToClose = () => {
setFilterOn(false);
};
@@ -59,12 +62,7 @@ export const AccountHolderSearchFilter = ({
setProcessResult(filterProcessResult);
onClickToClose();
};
let MidOptions = [
{ name: 'nictest00m', value: 'nictest00m' },
{ name: 'nictest002m', value: 'nictest002m' }
];
let bankOptions = [
{ name: '우리은행', value: '우리은행' },
{ name: '토스뱅킹', value: '토스뱅킹' }
@@ -113,7 +111,7 @@ export const AccountHolderSearchFilter = ({
title='가맹점'
selectValue={mid}
selectSetter={setMid}
selectOptions={MidOptions}
selectOptions={midOptions}
></FilterSelect>
<FilterSelectInput

11
src/entities/additional-service/ui/filter/alimtalk-filter.tsx
View File

@@ -14,6 +14,7 @@ import moment from 'moment';
import { FilterInput } from '@/shared/ui/filter/input';
import { OrderStatus, PaymentStatus } from '../../model/ars/types';
import { ArsOrderStatusBtnGroup, ArsPaymentStatusBtnGroup } from '../../model/ars/constant';
import { useStore } from '@/shared/model/store';
export interface AlimtalkFilterProps {
filterOn: boolean;
@@ -66,6 +67,8 @@ export const AlimtalkFilter = ({
const [filterMinAmount, setFilterMinAmount] = useState<number | undefined>(minAmount);
const [filterMaxAmount, setFilterMaxAmount] = useState<number | undefined>(maxAmount);
const midOptions = useStore.getState().UserStore.selectOptionsMids;
const onClickToClose = () => {
setFilterOn(false);
};
@@ -81,11 +84,7 @@ export const AlimtalkFilter = ({
setMaxAmount(filterMaxAmount);
onClickToClose();
};
let MidOptions = [
{name: 'nictest00m', value: 'nictest00m'}
];
useEffect(() => {
setFilterPaymentStatus(paymentStatus);
}, [paymentStatus]);
@@ -121,7 +120,7 @@ export const AlimtalkFilter = ({
title='가맹점'
selectValue={ filterMid }
selectSetter={ setFilterMid }
selectOptions={ MidOptions }
selectOptions={ midOptions }
></FilterSelect>
<FilterInput
title='주문번호'

11
src/entities/additional-service/ui/filter/ars-filter.tsx
View File

@@ -14,6 +14,7 @@ import moment from 'moment';
import { FilterInput } from '@/shared/ui/filter/input';
import { OrderStatus, PaymentStatus } from '../../model/ars/types';
import { ArsOrderStatusBtnGroup, ArsPaymentStatusBtnGroup } from '../../model/ars/constant';
import { useStore } from '@/shared/model/store';
export interface ArsFilterProps {
filterOn: boolean;
@@ -66,6 +67,8 @@ export const ArsFilter = ({
const [filterMinAmount, setFilterMinAmount] = useState<number | undefined>(minAmount);
const [filterMaxAmount, setFilterMaxAmount] = useState<number | undefined>(maxAmount);
const midOptions = useStore.getState().UserStore.selectOptionsMids;
const onClickToClose = () => {
setFilterOn(false);
};
@@ -81,11 +84,7 @@ export const ArsFilter = ({
setMaxAmount(filterMaxAmount);
onClickToClose();
};
let MidOptions = [
{name: 'nictest00m', value: 'nictest00m'}
];
useEffect(() => {
setFilterPaymentStatus(paymentStatus);
}, [paymentStatus]);
@@ -121,7 +120,7 @@ export const ArsFilter = ({
title='가맹점'
selectValue={ filterMid }
selectSetter={ setFilterMid }
selectOptions={ MidOptions }
selectOptions={ midOptions }
></FilterSelect>
<FilterInput
title='주문번호'

9
src/entities/additional-service/ui/filter/fund-account-result-filter.tsx
View File

@@ -9,6 +9,7 @@ import { FilterCalendar } from '@/shared/ui/filter/calendar';
import { FundAccountReceiveAccountNameNoOptionsGroup, FundAccountReceiveBankCodeOptionsGroup, FundAccountResultTypeBtnGroup, FundAccountStatusBtnGroup } from '../../model/fund-account/constant';
import { FilterButtonGroups } from '@/shared/ui/filter/button-groups';
import { FilterSelectInput } from '@/shared/ui/filter/select-input';
import { useStore } from '@/shared/model/store';
export interface FundAccountResultFilterProps {
filterOn: boolean;
@@ -67,6 +68,8 @@ export const FundAccountResultFilter = ({
filterReceiveAccountNameNoInputValue,
setFilterReceiveAccountNameNoInputValue
] = useState<string>('');
const midOptions = useStore.getState().UserStore.selectOptionsMids;
const onClickToClose = () => {
setFilterOn(false);
@@ -90,10 +93,6 @@ export const FundAccountResultFilter = ({
onClickToClose();
};
let MidOptions = [
{name: 'nictest00m', value: 'nictest00m'}
];
useEffect(() => {
setFilterStatus(status);
}, [status]);
@@ -129,7 +128,7 @@ export const FundAccountResultFilter = ({
title='가맹점'
selectValue={ filterMid }
selectSetter={ setFilterMid }
selectOptions={ MidOptions }
selectOptions={ midOptions }
></FilterSelect>
<FilterSelectInput
title='수취인/계좌번호'

9
src/entities/additional-service/ui/filter/fund-account-trnasaction-filter.tsx
View File

@@ -9,6 +9,7 @@ import { FilterCalendar } from '@/shared/ui/filter/calendar';
import { FundAccountReceiveAccountNameNoOptionsGroup, FundAccountReceiveBankCodeOptionsGroup, FundAccountStatusBtnGroup } from '../../model/fund-account/constant';
import { FilterButtonGroups } from '@/shared/ui/filter/button-groups';
import { FilterSelectInput } from '@/shared/ui/filter/select-input';
import { useStore } from '@/shared/model/store';
export interface FundAccountTransactionFilterProps {
filterOn: boolean;
@@ -63,6 +64,8 @@ export const FundAccountTransactionFilter = ({
setFilterReceiveAccountNameNoInputValue
] = useState<string>('');
const midOptions = useStore.getState().UserStore.selectOptionsMids;
const onClickToClose = () => {
setFilterOn(false);
};
@@ -85,10 +88,6 @@ export const FundAccountTransactionFilter = ({
onClickToClose();
};
let MidOptions = [
{name: 'nictest00m', value: 'nictest00m'}
];
useEffect(() => {
setFilterStatus(status);
}, [status]);
@@ -124,7 +123,7 @@ export const FundAccountTransactionFilter = ({
title='가맹점'
selectValue={ filterMid }
selectSetter={ setFilterMid }
selectOptions={ MidOptions }
selectOptions={ midOptions }
></FilterSelect>
<FilterSelectInput
title='수취인/계좌번호'

9
src/entities/additional-service/ui/filter/payout-filter.tsx
View File

@@ -19,6 +19,7 @@ import {
FilterMotionVariants
} from '@/entities/common/model/constant';
import moment from 'moment';
import { useStore } from '@/shared/model/store';
export interface PayoutFilterProps {
filterOn: boolean;
@@ -66,6 +67,8 @@ export const PayoutFilter = ({
const [filterMinAmount, setFilterMinAmount] = useState<number | undefined>(minAmount);
const [filterMaxAmount, setFilterMaxAmount] = useState<number | undefined>(maxAmount);
const midOptions = useStore.getState().UserStore.selectOptionsMids;
const onClickToClose = () => {
setFilterOn(false);
};
@@ -81,10 +84,6 @@ export const PayoutFilter = ({
onClickToClose();
};
let MidOptions = [
{name: 'nictest00m', value: 'nictest00m'}
];
useEffect(() => {
setFilterDisbursementStatus(disbursementStatus);
}, [disbursementStatus]);
@@ -120,7 +119,7 @@ export const PayoutFilter = ({
title='가맹점'
selectValue={ filterMid }
selectSetter={ setFilterMid }
selectOptions={ MidOptions }
selectOptions={ midOptions }
></FilterSelect>
<FilterButtonGroups
title='조회기준'

10
src/entities/additional-service/ui/key-in-payment/filter/key-in-payment-filter.tsx
View File

@@ -13,6 +13,7 @@ import {
KeyInPaymentTransactionStatus
} from '../../../model/types';
import { FilterMotionDuration, FilterMotionStyle, FilterMotionVariants } from '@/entities/common/model/constant';
import { useStore } from '@/shared/model/store';
export const KeyInPaymentFilter = ({
filterOn,
@@ -38,6 +39,8 @@ export const KeyInPaymentFilter = ({
const [filterMinAmount, setFilterMinAmount] = useState<number | undefined>(minAmount);
const [filterMaxAmount, setFilterMaxAmount] = useState<number | undefined>(maxAmount);
const midOptions = useStore.getState().UserStore.selectOptionsMids;
const onClickToClose = () => {
setFilterOn(false);
};
@@ -55,10 +58,7 @@ export const KeyInPaymentFilter = ({
setMaxAmount(filterMaxAmount);
onClickToClose();
};
let MidOptions = [
{ name: 'nictest00m', value: 'nictest00m' }
];
let transactionStatusOption = [
{ name: '전체', value: KeyInPaymentTransactionStatus.ALL },
{ name: '승인', value: KeyInPaymentTransactionStatus.APPROVAL },
@@ -98,7 +98,7 @@ export const KeyInPaymentFilter = ({
title='가맹점'
selectValue={filterMid}
selectSetter={setMid}
selectOptions={MidOptions}
selectOptions={midOptions}
></FilterSelect>
<FilterCalendar
title='조회기간'

10
src/entities/additional-service/ui/link-payment/filter/link-payment-history-filter.tsx
View File

@@ -16,6 +16,7 @@ import { FilterDateOptions } from '@/entities/common/model/types';
import { FilterCalendar } from '@/shared/ui/filter/calendar';
import { FilterButtonGroups } from '@/shared/ui/filter/button-groups';
import { FilterMotionDuration, FilterMotionStyle, FilterMotionVariants } from '@/entities/common/model/constant';
import { useStore } from '@/shared/model/store';
export const LinkPaymentHistoryFilter = ({
filterOn,
@@ -51,6 +52,8 @@ export const LinkPaymentHistoryFilter = ({
const [filterDateOptionsBtn, setFilterDateOptionsBtn] = useState<FilterDateOptions>(FilterDateOptions.Input);
const [calendarOpen, setCalendarOpen] = useState<boolean>(false);
const midOptions = useStore.getState().UserStore.selectOptionsMids;
const onClickToClose = () => {
setFilterOn(false);
@@ -72,11 +75,6 @@ export const LinkPaymentHistoryFilter = ({
onClickToClose();
};
let MidOptions = [
{ name: 'nictest00m', value: 'nictest00m' },
{ name: 'nictest002m', value: 'nictest002m' }
];
let searchTypeOption = [
{ name: '휴대폰번호', value: LinkPaymentSearchType.PHONE },
{ name: '이메일', value: LinkPaymentSearchType.EMAIL },
@@ -136,7 +134,7 @@ export const LinkPaymentHistoryFilter = ({
title='가맹점'
selectValue={filterMid}
selectSetter={setFilterMid}
selectOptions={MidOptions}
selectOptions={midOptions}
></FilterSelect>
<FilterSelectInput

10
src/entities/additional-service/ui/link-payment/filter/link-payment-pending-send-filter.tsx
View File

@@ -15,6 +15,7 @@ import { FilterDateOptions } from '@/entities/common/model/types';
import { FilterCalendar } from '@/shared/ui/filter/calendar';
import { FilterButtonGroups } from '@/shared/ui/filter/button-groups';
import { FilterMotionDuration, FilterMotionStyle, FilterMotionVariants } from '@/entities/common/model/constant';
import { useStore } from '@/shared/model/store';
export const LinkPaymentWaitSendFilter = ({
filterOn,
@@ -48,6 +49,8 @@ export const LinkPaymentWaitSendFilter = ({
const [calendarOpen, setCalendarOpen] = useState<boolean>(false);
const midOptions = useStore.getState().UserStore.selectOptionsMids;
const onClickToClose = () => {
setFilterOn(false);
};
@@ -67,11 +70,6 @@ export const LinkPaymentWaitSendFilter = ({
onClickToClose();
};
let MidOptions = [
{ name: 'nictest00m', value: 'nictest00m' },
{ name: 'nictest002m', value: 'nictest002m' }
];
let searchTypeOption = [
{ name: '휴대폰번호', value: LinkPaymentSearchType.PHONE },
{ name: '이메일', value: LinkPaymentSearchType.EMAIL },
@@ -122,7 +120,7 @@ export const LinkPaymentWaitSendFilter = ({
title='가맹점'
selectValue={mid}
selectSetter={setFilterMid}
selectOptions={MidOptions}
selectOptions={midOptions}
></FilterSelect>
<FilterSelectInput

20
src/entities/additional-service/ui/sms-payment/sms-payment-filter.tsx
View File

@@ -8,6 +8,8 @@ import { FilterDateOptions } from '@/entities/common/model/types';
import { FilterCalendar } from '@/shared/ui/filter/calendar';
import { FilterButtonGroups } from '@/shared/ui/filter/button-groups';
import { SmsPaymentFilterProps, SmsPaymentSearchType, SmsType } from '../../model/sms-payment/types';
import { useStore } from '@/shared/model/store';
import { FilterMotionDuration, FilterMotionStyle, FilterMotionVariants } from '@/entities/common/model/constant';
export const SmsPaymentFilter = ({
filterOn,
setFilterOn,
@@ -31,11 +33,8 @@ export const SmsPaymentFilter = ({
const [filterFromDate, setFilterFromDate] = useState<string>(moment(fromDate).format('YYYY.MM.DD'));
const [filterToDate, setFilterToDate] = useState<string>(moment(toDate).format('YYYY.MM.DD'));
const [filterSmsCl, setFilterSmsCl] = useState<SmsType>(smsCl);
const variants = {
hidden: { x: '100%' },
visible: { x: '0%' },
};
const midOptions = useStore.getState().UserStore.selectOptionsMids;
const onClickToSetFilter = () => {
setMid(filterMid);
@@ -73,12 +72,9 @@ export const SmsPaymentFilter = ({
className="full-menu-modal"
initial="hidden"
animate={(filterOn) ? 'visible' : 'hidden'}
variants={variants}
transition={{ duration: 0.3 }}
style={{
width: '100%',
height: '100%',
}}
variants={ FilterMotionVariants }
transition={ FilterMotionDuration }
style={ FilterMotionStyle }
>
<div className="full-menu-container">
<div className="full-menu-header">
@@ -102,7 +98,7 @@ export const SmsPaymentFilter = ({
title='가맹점'
selectValue={mid}
selectSetter={setMid}
selectOptions={MidOptions}
selectOptions={midOptions}
></FilterSelect>
<FilterSelectInput