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

재수정

Browse Source
This commit is contained in:
focp212@naver.com
2025-11-17 09:13:39 +09:00
parent f2b093b848
commit 4b4906080b
20 changed files with 42 additions and 82 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/entities/additional-service/ui/account-holder-auth/account-holder-auth-list.tsx
View File

@@ -1,7 +1,6 @@
import { ListDateGroup } from '../list-date-group';
import { AccountHolderAuthListProps } from '../../model/account-holder-auth/types';
import { useTranslation } from 'react-i18next';
import { useGroupDateOnStore, useGroupDateStore } from '@/shared/model/store';
import { useEffect, useState } from 'react';
import { GetListHeight, IMAGE_ROOT, ListScrollOn, setScrollAction } from '@/shared/constants/common';
@@ -15,8 +14,8 @@ export const AccountHolderAuthList = ({
}: AccountHolderAuthListProps) => {
const { t, i18n } = useTranslation();
const { groupDate, setGroupDate } = useGroupDateStore();
const { groupDateOn, setGroupDateOn } = useGroupDateOnStore();
const [groupDate, setGroupDate] = useState<string>('');
const [groupDateOn, setGroupDateOn] = useState<boolean>(false);
const [listHeight, setListHeight] = useState<number>(0);

5
src/entities/additional-service/ui/account-holder-search/account-holder-search-list.tsx
View File

@@ -6,7 +6,6 @@ import { AccountHolderSearchListProps } from '../../model/account-holder-search/
import { useTranslation } from 'react-i18next';
import { checkGrant } from '@/shared/lib/check-grant';
import { showAlert } from '@/widgets/show-alert';
import { useGroupDateOnStore, useGroupDateStore } from '@/shared/model/store';
import { useEffect, useState } from 'react';
import { GetListHeight, IMAGE_ROOT, ListScrollOn, setScrollAction } from '@/shared/constants/common';
@@ -20,8 +19,8 @@ export const AccountHolderSearchList = ({
const { navigate } = useNavigate();
const { t } = useTranslation();
const { groupDate, setGroupDate } = useGroupDateStore();
const { groupDateOn, setGroupDateOn } = useGroupDateOnStore();
const [groupDate, setGroupDate] = useState<string>('');
const [groupDateOn, setGroupDateOn] = useState<boolean>(false);
const [listHeight, setListHeight] = useState<number>(0);

5
src/entities/additional-service/ui/ars/ars-list.tsx
View File

@@ -4,7 +4,6 @@ import { AdditionalServiceCategory, ListItemProps } from "../../model/types";
import { ListDateGroup } from "../list-date-group";
import { GetListHeight, IMAGE_ROOT, ListScrollOn, setScrollAction } from "@/shared/constants/common";
import { useTranslation } from "react-i18next";
import { useGroupDateOnStore, useGroupDateStore } from "@/shared/model/store";
export const ArsList = ({
additionalServiceCategory,
@@ -16,8 +15,8 @@ export const ArsList = ({
}: ArsListProps) => {
const { t, i18n } = useTranslation();
const { groupDate, setGroupDate } = useGroupDateStore();
const { groupDateOn, setGroupDateOn } = useGroupDateOnStore();
const [groupDate, setGroupDate] = useState<string>('');
const [groupDateOn, setGroupDateOn] = useState<boolean>(false);
const [listHeight, setListHeight] = useState<number>(0);

6
src/entities/additional-service/ui/fund-account/result-list-wrap.tsx
View File

@@ -14,7 +14,7 @@ import { PATHS } from '@/shared/constants/paths';
import { SortTypeBox } from '@/entities/common/ui/sort-type-box';
import { getFundAccountResultStatusBtnGroup, getFundAccountStatusBtnGroup } from '../../model/fund-account/constant';
import { FundAccountResultFilter } from '../filter/fund-account-result-filter';
import { useGroupDateOnStore, useGroupDateStore, useStore } from '@/shared/model/store';
import { useStore } from '@/shared/model/store';
import { DownloadBottomSheet, DownloadSelectedMode } from '@/entities/common/ui/download-bottom-sheet';
import useIntersectionObserver from '@/widgets/intersection-observer';
import { useTranslation } from 'react-i18next';
@@ -59,8 +59,8 @@ export const FundAccountResultListWrap = () => {
const [detailMid, setDetailMid] = useState<string>('');
const [detailTid, setDetailTid] = useState<string>('');
const { groupDate, setGroupDate } = useGroupDateStore();
const { groupDateOn, setGroupDateOn } = useGroupDateOnStore();
const [groupDate, setGroupDate] = useState<string>('');
const [groupDateOn, setGroupDateOn] = useState<boolean>(false);
const [listHeight, setListHeight] = useState<number>(0);

6
src/entities/additional-service/ui/fund-account/transfer-list-wrap.tsx
View File

@@ -23,7 +23,7 @@ import { getFundAccountStatusBtnGroup } from '../../model/fund-account/constant'
import { useExtensionFundAccountBalanceMutation } from '../../api/fund-account/use-extension-fund-account-balance-mutation';
import { FundAccountTransactionFilter } from '../filter/fund-account-trnasaction-filter';
import { PATHS } from '@/shared/constants/paths';
import { useGroupDateOnStore, useGroupDateStore, useStore } from '@/shared/model/store';
import { useStore } from '@/shared/model/store';
import { DownloadBottomSheet, DownloadSelectedMode } from '@/entities/common/ui/download-bottom-sheet';
import useIntersectionObserver from '@/widgets/intersection-observer';
import { useTranslation } from 'react-i18next';
@@ -58,8 +58,8 @@ export const FundAccountTransferListWrap = () => {
const [balance, setBalance] = useState<number>(0);
const { groupDate, setGroupDate } = useGroupDateStore();
const { groupDateOn, setGroupDateOn } = useGroupDateOnStore();
const [groupDate, setGroupDate] = useState<string>('');
const [groupDateOn, setGroupDateOn] = useState<boolean>(false);
const [listHeight, setListHeight] = useState<number>(0);

5
src/entities/additional-service/ui/key-in-payment/key-in-payment-list.tsx
View File

@@ -7,7 +7,6 @@ import { useTranslation } from 'react-i18next';
import { checkGrant } from '@/shared/lib/check-grant';
import { showAlert } from '@/widgets/show-alert';
import { GetListHeight, IMAGE_ROOT, ListScrollOn, setScrollAction } from '@/shared/constants/common';
import { useGroupDateOnStore, useGroupDateStore } from '@/shared/model/store';
export const KeyInPaymentList = ({
additionalServiceCategory,
@@ -19,8 +18,8 @@ export const KeyInPaymentList = ({
const { navigate } = useNavigate();
const { t } = useTranslation();
const { groupDate, setGroupDate } = useGroupDateStore();
const { groupDateOn, setGroupDateOn } = useGroupDateOnStore();
const [groupDate, setGroupDate] = useState<string>('');
const [groupDateOn, setGroupDateOn] = useState<boolean>(false);
const [listHeight, setListHeight] = useState<number>(0);

5
src/entities/additional-service/ui/link-payment/link-payment-history-list.tsx
View File

@@ -2,7 +2,6 @@ import { GetListHeight, IMAGE_ROOT, ListScrollOn, setScrollAction } from '@/shar
import { LinkPaymentHistoryListProps } from '../../model/link-pay/types';
import { ListDateGroup } from '../list-date-group';
import { useTranslation } from 'react-i18next';
import { useGroupDateOnStore, useGroupDateStore } from '@/shared/model/store';
import { useEffect, useState } from 'react';
export const LinkPaymentHistoryList = ({
@@ -15,8 +14,8 @@ export const LinkPaymentHistoryList = ({
}: LinkPaymentHistoryListProps) => {
const { t, i18n } = useTranslation();
const { groupDate, setGroupDate } = useGroupDateStore();
const { groupDateOn, setGroupDateOn } = useGroupDateOnStore();
const [groupDate, setGroupDate] = useState<string>('');
const [groupDateOn, setGroupDateOn] = useState<boolean>(false);
const [listHeight, setListHeight] = useState<number>(0);

5
src/entities/additional-service/ui/link-payment/link-payment-wait-list.tsx
View File

@@ -1,7 +1,6 @@
import { useTranslation } from 'react-i18next';
import { LinkPaymentWaitListProps } from '../../model/link-pay/types';
import { ListDateGroup } from '../list-date-group';
import { useGroupDateOnStore, useGroupDateStore } from '@/shared/model/store';
import { useEffect, useState } from 'react';
import { GetListHeight, IMAGE_ROOT, ListScrollOn, setScrollAction } from '@/shared/constants/common';
@@ -15,8 +14,8 @@ export const LinkPaymentWaitList = ({
}: LinkPaymentWaitListProps) => {
const { t, i18n } = useTranslation();
const { groupDate, setGroupDate } = useGroupDateStore();
const { groupDateOn, setGroupDateOn } = useGroupDateOnStore();
const [groupDate, setGroupDate] = useState<string>('');
const [groupDateOn, setGroupDateOn] = useState<boolean>(false);
const [listHeight, setListHeight] = useState<number>(0);

6
src/entities/additional-service/ui/payout/payout-list.tsx
View File

@@ -1,8 +1,6 @@
import { useTranslation } from "react-i18next";
import { PayoutListProps, PayoutSearchDateType } from "../../model/payout/types";
import { AdditionalServiceCategory } from "../../model/types";
import { ListDateGroup } from "../list-date-group";
import { useGroupDateOnStore, useGroupDateStore } from "@/shared/model/store";
import { useEffect, useState } from "react";
import { GetListHeight, IMAGE_ROOT, ListScrollOn, setScrollAction } from "@/shared/constants/common";
@@ -17,8 +15,8 @@ export const PayoutList = ({
}: PayoutListProps) => {
const { t, i18n } = useTranslation();
const { groupDate, setGroupDate } = useGroupDateStore();
const { groupDateOn, setGroupDateOn } = useGroupDateOnStore();
const [groupDate, setGroupDate] = useState<string>('');
const [groupDateOn, setGroupDateOn] = useState<boolean>(false);
const [listHeight, setListHeight] = useState<number>(0);

5
src/entities/additional-service/ui/sms-payment/sms-payment-list.tsx
View File

@@ -1,7 +1,6 @@
import { useTranslation } from 'react-i18next';
import { SmsPaymentListProps } from '../../model/sms-payment/types';
import { ListDateGroup } from '../list-date-group';
import { useGroupDateOnStore, useGroupDateStore } from '@/shared/model/store';
import { useEffect, useState } from 'react';
import { GetListHeight, IMAGE_ROOT, ListScrollOn, setScrollAction } from '@/shared/constants/common';
@@ -15,8 +14,8 @@ export const SmsPaymentList = ({
}: SmsPaymentListProps) => {
const { t, i18n } = useTranslation();
const { groupDate, setGroupDate } = useGroupDateStore();
const { groupDateOn, setGroupDateOn } = useGroupDateOnStore();
const [groupDate, setGroupDate] = useState<string>('');
const [groupDateOn, setGroupDateOn] = useState<boolean>(false);
const [listHeight, setListHeight] = useState<number>(0);

6
src/entities/settlement/ui/list-wrap.tsx
View File

@@ -29,7 +29,6 @@ import {
SettlementsHistoryExcelParams
} from '../model/types';
import { DefaultRequestPagination, SortTypeKeys } from '@/entities/common/model/types';
import { useGroupDateOnStore, useGroupDateStore, useStore } from '@/shared/model/store';
import { DownloadBottomSheet, DownloadSelectedMode } from '@/entities/common/ui/download-bottom-sheet';
import useIntersectionObserver from '@/widgets/intersection-observer';
import { useTranslation } from 'react-i18next';
@@ -39,6 +38,7 @@ import { checkGrant } from '@/shared/lib/check-grant';
import { snackBar } from '@/shared/lib';
import { useSettlementsHistoryExcelMutation } from '../api/use-settlements-history-excel-mutation';
import { VatReturnDownloadExcelResponse } from '@/entities/vat-return/model/types';
import { useStore } from '@/shared/model/store';
export interface ListWrapProps {
startDateFromCalendar?: string;
@@ -87,8 +87,8 @@ export const ListWrap = ({
const [downloadBottomSheetOn, setDownloadBottomSheetOn] = useState<boolean>(false);
const { groupDate, setGroupDate } = useGroupDateStore();
const { groupDateOn, setGroupDateOn } = useGroupDateOnStore();
const [groupDate, setGroupDate] = useState<string>('');
const [groupDateOn, setGroupDateOn] = useState<boolean>(false);
const [listHeight, setListHeight] = useState<number>(0);

5
src/entities/transaction/ui/all-transaction-list.tsx
View File

@@ -3,7 +3,6 @@ import { AllTransactionListProps, ListItemProps } from '../model/types';
import { ListDateGroup } from './list-date-group';
import { GetListHeight, IMAGE_ROOT, ListScrollOn, setScrollAction } from '@/shared/constants/common';
import { useTranslation } from 'react-i18next';
import { useGroupDateOnStore, useGroupDateStore } from '@/shared/model/store';
export const AllTransactionList = ({
transactionCategory,
@@ -14,8 +13,8 @@ export const AllTransactionList = ({
}: AllTransactionListProps) => {
const { t, i18n } = useTranslation();
const { groupDate, setGroupDate } = useGroupDateStore();
const { groupDateOn, setGroupDateOn } = useGroupDateOnStore();
const [groupDate, setGroupDate] = useState<string>('');
const [groupDateOn, setGroupDateOn] = useState<boolean>(false);
const [listHeight, setListHeight] = useState<number>(0);

5
src/entities/transaction/ui/billing-list.tsx
View File

@@ -1,7 +1,6 @@
import { BillingListProps } from '../model/types';
import { ListDateGroup } from './list-date-group';
import { useTranslation } from 'react-i18next';
import { useGroupDateOnStore, useGroupDateStore } from '@/shared/model/store';
import { useEffect, useState } from 'react';
import { GetListHeight, IMAGE_ROOT, ListScrollOn, setScrollAction } from '@/shared/constants/common';
@@ -14,8 +13,8 @@ export const BillingList = ({
}: BillingListProps) => {
const { t, i18n } = useTranslation();
const { groupDate, setGroupDate } = useGroupDateStore();
const { groupDateOn, setGroupDateOn } = useGroupDateOnStore();
const [groupDate, setGroupDate] = useState<string>('');
const [groupDateOn, setGroupDateOn] = useState<boolean>(false);
const [listHeight, setListHeight] = useState<number>(0);

5
src/entities/transaction/ui/cash-receipt-list.tsx
View File

@@ -1,7 +1,6 @@
import { useTranslation } from 'react-i18next';
import { CashReceiptListProps } from '../model/types';
import { ListDateGroup } from './list-date-group';
import { useGroupDateOnStore, useGroupDateStore } from '@/shared/model/store';
import { useEffect, useState } from 'react';
import { GetListHeight, IMAGE_ROOT, ListScrollOn, setScrollAction } from '@/shared/constants/common';
@@ -14,8 +13,8 @@ export const CashReceiptList = ({
}: CashReceiptListProps) => {
const { t, i18n } = useTranslation();
const { groupDate, setGroupDate } = useGroupDateStore();
const { groupDateOn, setGroupDateOn } = useGroupDateOnStore();
const [groupDate, setGroupDate] = useState<string>('');
const [groupDateOn, setGroupDateOn] = useState<boolean>(false);
const [listHeight, setListHeight] = useState<number>(0);

5
src/entities/transaction/ui/escrow-list.tsx
View File

@@ -1,7 +1,6 @@
import { useTranslation } from 'react-i18next';
import { EscrowListProps } from '../model/types';
import { ListDateGroup } from './list-date-group';
import { useGroupDateOnStore, useGroupDateStore } from '@/shared/model/store';
import { useEffect, useState } from 'react';
import { GetListHeight, IMAGE_ROOT, ListScrollOn, setScrollAction } from '@/shared/constants/common';
@@ -14,8 +13,8 @@ export const EscrowList = ({
}: EscrowListProps) => {
const { t, i18n } = useTranslation();
const { groupDate, setGroupDate } = useGroupDateStore();
const { groupDateOn, setGroupDateOn } = useGroupDateOnStore();
const [groupDate, setGroupDate] = useState<string>('');
const [groupDateOn, setGroupDateOn] = useState<boolean>(false);
const [listHeight, setListHeight] = useState<number>(0);

6
src/entities/vat-return/ui/list-wrap.tsx
View File

@@ -18,7 +18,7 @@ import {
} from '../model/types';
import { useVatReturnListMutation } from '../api/use-vat-return-list-mutation';
import { ListDateGroup } from './list-date-group';
import { useGroupDateOnStore, useGroupDateStore, useStore } from '@/shared/model/store';
import { useStore } from '@/shared/model/store';
import { DownloadBottomSheet, DownloadSelectedMode } from '@/entities/common/ui/download-bottom-sheet';
import useIntersectionObserver from '@/widgets/intersection-observer';
import { TaxInvoiceDetail } from './detail/tax-invoice-detail';
@@ -49,8 +49,8 @@ export const ListWrap = () => {
const [detailOn, setDetailOn] = useState<boolean>(false);
const [detailTaxInvoiceNumber, setDetailTaxInvoiceNumber] = useState<string>('');
const { groupDate, setGroupDate } = useGroupDateStore();
const { groupDateOn, setGroupDateOn } = useGroupDateOnStore();
const [groupDate, setGroupDate] = useState<string>('');
const [groupDateOn, setGroupDateOn] = useState<boolean>(false);
const [listHeight, setListHeight] = useState<number>(0);

6
src/pages/additional-service/alimtalk/list-page.tsx
View File

@@ -27,7 +27,6 @@ import { useExtensionAlimtalkListMutation } from '@/entities/additional-service/
import { useExtensionAlimtalkDownloadExcelMutation } from '@/entities/additional-service/api/alimtalk/use-extansion-alimtalk-download-excel-mutation';
import { ListDateGroup } from '@/entities/additional-service/ui/list-date-group';
import { AdditionalServiceCategory, DetailData } from '@/entities/additional-service/model/types';
import { useGroupDateOnStore, useGroupDateStore, useStore } from '@/shared/model/store';
import { snackBar } from '@/shared/lib';
import { DownloadBottomSheet, DownloadSelectedMode } from '@/entities/common/ui/download-bottom-sheet';
import { AlimtalkFilter } from '@/entities/additional-service/ui/filter/alimtalk-filter';
@@ -37,6 +36,7 @@ import { useTranslation } from 'react-i18next';
import { AlimtalkDetail } from '@/entities/additional-service/ui/alimtalk/detail/alimtalk-detail';
import { checkGrant } from '@/shared/lib/check-grant';
import { showAlert } from '@/widgets/show-alert';
import { useStore } from '@/shared/model/store';
export const AlimtalkListPage = () => {
const { t } = useTranslation();
@@ -69,8 +69,8 @@ export const AlimtalkListPage = () => {
const [detailTid, setDetailTid] = useState<string>('');
const [detailSeq, setDetailSeq] = useState<number>(0);
const { groupDate, setGroupDate } = useGroupDateStore();
const { groupDateOn, setGroupDateOn } = useGroupDateOnStore();
const [groupDate, setGroupDate] = useState<string>('');
const [groupDateOn, setGroupDateOn] = useState<boolean>(false);
const [listHeight, setListHeight] = useState<number>(0);

6
src/pages/additional-service/face-auth/face-auth-page.tsx
View File

@@ -6,7 +6,7 @@ import { DEFAULT_PAGE_PARAM } from '@/entities/common/model/constant';
import { useNavigate } from '@/shared/lib/hooks/use-navigate';
import { GetListHeight, IMAGE_ROOT, ListScrollOn, setScrollAction } from '@/shared/constants/common';
import { useEffect, useState } from 'react';
import { useGroupDateOnStore, useGroupDateStore, useStore } from '@/shared/model/store';
import { useStore } from '@/shared/model/store';
import { PATHS } from '@/shared/constants/paths';
import {
useSetHeaderTitle,
@@ -54,8 +54,8 @@ export const FaceAuthPage = () => {
const [downloadBottomSheetOn, setDownloadBottomSheetOn] = useState<boolean>(false);
const { groupDate, setGroupDate } = useGroupDateStore();
const { groupDateOn, setGroupDateOn } = useGroupDateOnStore();
const [groupDate, setGroupDate] = useState<string>('');
const [groupDateOn, setGroupDateOn] = useState<boolean>(false);
const [listHeight, setListHeight] = useState<number>(0);

1
src/shared/constants/common.ts
View File

@@ -1,5 +1,4 @@
import packageInfo from '../../../package.json';
import { useGroupDateOnStore, useGroupDateStore } from '../model/store';
export const IMAGE_ROOT = '/images';
export const RELEASE_VERSION = packageInfo.version;

26
src/shared/model/store.ts
View File

@@ -6,14 +6,6 @@ import { createUserInfoStore, UserInfoState } from '@/entities/user/model/store'
import { createBannerInfoStore, BannerInfoState, createCommonStore, CommonState } from '@/entities/common/model/store';
import { StorageKeys } from '@/shared/constants/local-storage';
export interface GroupDateOnStore {
groupDateOn: boolean;
setGroupDateOn: (groupDateOn: boolean) => void;
};
export interface GroupDateStore {
groupDate: string;
setGroupDate: (groupDate: string) => void;
};
export interface MenuOnStore {
menuOn: boolean;
setMenuOn: (menuOn: boolean) => void;
@@ -29,24 +21,6 @@ export interface MenuIdsStore {
deleteMenuId: (menuId: number) => void;
};
export const useGroupDateOnStore = create<GroupDateOnStore>((set) => ({
groupDateOn: false,
setGroupDateOn: (groupDateOn: boolean) => {
set((state: { groupDateOn: boolean}) => ({
groupDateOn: (state.groupDateOn = groupDateOn)
}));
}
}));
export const useGroupDateStore = create<GroupDateStore>((set) => ({
groupDate: '',
setGroupDate: (groupDate: string) => {
set((state: { groupDate: string}) => ({
groupDate: (state.groupDate = groupDate)
}));
}
}));
export const useMenuOnStore = create<MenuOnStore>((set) => ({
menuOn: false,
setMenuOn: (menuOn: boolean) => {