상수 변경

src/entities/common/model/constant.ts

@@ -0,0 +1,20 @@
+export const DEFAULT_PAGE_PARAM = {
+  cursor: 'string',
+  size: 0,
+  sortBy: 'string',
+  sortOrder: 'ASC',
+  orderBy: 'string',
+  limit: 0
+};
+
+export const FilterMotionVariants = {
+  hidden: {x: '100%' },
+  visible: { x: '0%' },
+};
+export const FilterMotionDuration = {
+  duration: 0.3
+};
+export const FilterMotionStyle = {
+  width: '100%',
+  height: '100%'
+};

src/entities/common/model/constants.ts

@@ -1,8 +0,0 @@
-export const DEFAULT_PAGE_PARAM = {
-  cursor: 'string',
-  size: 0,
-  sortBy: 'string',
-  sortOrder: 'ASC',
-  orderBy: 'string',
-  limit: 0
-};

src/entities/home/ui/home-notice-list.tsx

@@ -1,6 +1,6 @@
 import { useEffect, useState } from 'react';
 import { useNoticeListMutation } from '@/entities/support/api/use-notice-list-mutation';
-import { DEFAULT_PAGE_PARAM } from '@/entities/common/model/constants';
+import { DEFAULT_PAGE_PARAM } from '@/entities/common/model/constant';
 import { NoticeItem } from '@/entities/support/model/types';
 import { HomeNoticeItem } from './home-notice-item';
 

src/entities/settlement/ui/filter/list-filter.tsx

@@ -0,0 +1,79 @@
+import { useState } from 'react';
+import { motion } from 'framer-motion';
+import { 
+  SettlementPaymentMethod,
+  SettlementPeriodType
+} from '../../model/types';
+import { 
+  FilterMotionDuration, 
+  FilterMotionStyle, 
+  FilterMotionVariants
+} from '@/entities/common/model/constant';
+
+export interface ListFilterProps {
+  filterOn: boolean;
+  setFilterOn: (filterOn: boolean) => void;
+  mid: string;
+  periodType: SettlementPeriodType;
+  startDate: string;
+  endDate: string;
+  paymentMethod: SettlementPaymentMethod;
+  setMid: (mid: string) => void;
+  setPeriodType: (periodType: SettlementPeriodType) => void;
+  setStartDate: (startDate: string) => void;
+  setEndDate: (endDate: string) => void;
+  setPaymentMethod: (paymentMethod: SettlementPaymentMethod) => void;
+};
+
+export const ListFilter = ({
+  filterOn,
+  setFilterOn,
+  mid,
+  periodType,
+  startDate,
+  endDate,
+  paymentMethod,
+  setMid,
+  setPeriodType,
+  setStartDate,
+  setEndDate,
+  setPaymentMethod
+}: ListFilterProps) => {
+
+  const [filterMid, setFilterMid] = useState<string>(mid);
+  const [filterPeriodType, setFilterPeriodType] = useState<SettlementPeriodType>(periodType);
+  const [filterStartDate, setFilterStartDate] = useState<string>(startDate);
+  const [filterEndDate, setFilterEndDate] = useState<string>(endDate);
+  const [filterPaymentMethod, setFilterPaymentMethod] = useState<SettlementPaymentMethod>(paymentMethod);
+  
+  const onClickToClose = () => {
+    setFilterOn(false);
+  };
+
+  const onClickToSetFilter = () => {
+    setMid(filterMid);
+    setFilterPeriodType(filterPeriodType);
+    setStartDate(filterStartDate);
+    setEndDate(filterEndDate);
+    setFilterPaymentMethod(filterPaymentMethod);
+    onClickToClose();
+  };
+
+  let MidOptions = [
+    {name: 'nictest001m', value: 'nictest001m'}
+  ];
+
+  return (
+    <>
+      <motion.div 
+        id="fullMenuModal" 
+        className="full-menu-modal" 
+        initial="hidden"
+        animate={ (filterOn)? 'visible': 'hidden' }
+        variants={ FilterMotionVariants }
+        transition={ FilterMotionDuration }
+        style={ FilterMotionStyle }
+      ></motion.div>
+    </>
+  );
+};

src/entities/settlement/ui/list-wrap.tsx

@@ -5,7 +5,7 @@ import { IMAGE_ROOT } from '@/shared/constants/common';
 import { ListDateGroup } from './list-date-group';
 import { PATHS } from '@/shared/constants/paths';
 import { useNavigate } from '@/shared/lib/hooks/use-navigate';
-import { DEFAULT_PAGE_PARAM } from '@/entities/common/model/constants';
+import { DEFAULT_PAGE_PARAM } from '@/entities/common/model/constant';
 import { SortOptionsBox } from '@/entities/settlement/ui/sort-options-box';
 import { useSettlementsHistoryMutation } from '../api/use-settlements-history-mutation';
 import { useSettlementsHistorySummaryMutation } from '../api/use-settlements-history-summary-mutation';

src/entities/transaction/model/contant.ts

@@ -15,18 +15,6 @@ import {
   EscrowSettlementStatus
 } from '@/entities/transaction/model/types';
 
-export const FilterMotionVariants = {
-  hidden: {x: '100%' },
-  visible: { x: '0%' },
-};
-export const FilterMotionDuration = {
-  duration: 0.3
-};
-export const FilterMotionStyle = {
-  width: '100%',
-  height: '100%'
-};
-
 export const AllTransactionMoidTidOptionsGroup = [
   {name: '주문번호', value: AllTransactionMoidTid.MOID},
   {name: 'TID', value: AllTransactionMoidTid.TID},

src/entities/transaction/ui/filter/all-transaction-filter.tsx

@@ -8,14 +8,10 @@ import { FilterCalendar } from '@/shared/ui/filter/calendar';
 import { FilterButtonGroups } from '@/shared/ui/filter/button-groups';
 import { FilterRangeAmount } from '@/shared/ui/filter/range-amount';
 import { 
-  FilterMotionVariants,
-  FilterMotionDuration,
-  FilterMotionStyle,
   AllTransactionMoidTidOptionsGroup,
   AllTransactionStateCodeBtnGroup,
   AllTransactionServiceCodeOptionsGroup,
   AllTransactionCardBankCodeOptionsGroup,
-  
 } from '@/entities/transaction/model/contant';
 import { 
   AllTransactionFilterProps,
@@ -24,6 +20,11 @@ import {
   AllTransactionServiceCode,
   AllTransactionMoidTid
 } from '../../model/types';
+import { 
+  FilterMotionDuration,
+  FilterMotionStyle,
+  FilterMotionVariants
+} from '@/entities/common/model/constant';
 
 export const AllTransactionFilter = ({
   filterOn,

src/entities/transaction/ui/filter/billing-filter.tsx

@@ -8,9 +8,6 @@ import { FilterCalendar } from '@/shared/ui/filter/calendar';
 import { FilterButtonGroups } from '@/shared/ui/filter/button-groups';
 import { FilterRangeAmount } from '@/shared/ui/filter/range-amount';
 import { 
-  FilterMotionDuration,
-  FilterMotionVariants,
-  FilterMotionStyle,
   BillingSearchTypeOptionsGroup,
   BillingRequestStatusBtnGroup, 
   BillingProcessResultBtnGroup,
@@ -23,6 +20,11 @@ import {
   BillingRequestStatus,
   BillingSearchType
 } from '../../model/types';
+import { 
+  FilterMotionDuration,
+  FilterMotionStyle,
+  FilterMotionVariants
+} from '@/entities/common/model/constant';
 
 export const BillingFilter = ({
   filterOn,

src/entities/transaction/ui/filter/cash-receipt-filter.tsx

@@ -7,9 +7,6 @@ import { FilterSelectInput } from '@/shared/ui/filter/select-input';
 import { FilterCalendar } from '@/shared/ui/filter/calendar';
 import { FilterButtonGroups } from '@/shared/ui/filter/button-groups';
 import {
-  FilterMotionVariants,
-  FilterMotionDuration,
-  FilterMotionStyle,
   CashReceiptPurposeTypeBtnGroup,
   CashReceiptIssueStatusBtnGroup,
   CashReceiptProcessResultBtnGroup
@@ -20,6 +17,11 @@ import {
   CashReceiptIssueStatus,
   CashReceiptProcessResult
 } from '../../model/types';
+import { 
+  FilterMotionDuration,
+  FilterMotionStyle,
+  FilterMotionVariants
+} from '@/entities/common/model/constant';
 
 export const CashReceiptFilter = ({
   filterOn,

src/entities/transaction/ui/filter/escrow-filter.tsx

@@ -8,9 +8,6 @@ import { FilterCalendar } from '@/shared/ui/filter/calendar';
 import { FilterButtonGroups } from '@/shared/ui/filter/button-groups';
 import { FilterRangeAmount } from '@/shared/ui/filter/range-amount';
 import { 
-  FilterMotionVariants,
-  FilterMotionDuration,
-  FilterMotionStyle,
   EscrowDeliveryStatusBtnGroup,
   EscrowSettlementStatusBtnGroup,
   EscrowSearchTypeOptionsGroup
@@ -21,6 +18,11 @@ import {
   EscrowDeliveryStatus,
   EscrowSettlementStatus
 } from '../../model/types';
+import { 
+  FilterMotionDuration,
+  FilterMotionStyle,
+  FilterMotionVariants
+} from '@/entities/common/model/constant';
 
 export const EscrowFilter = ({
   filterOn,

src/pages/additional-service/account-holder-search/account-holder-search-page.tsx

@@ -14,7 +14,7 @@ import {
   useSetOnBack
 } from '@/widgets/sub-layout/use-sub-layout';
 import { useExtensionAccountHolderSearchListMutation } from '@/entities/additional-service/api/use-extension-account-holder-search-list-mutation';
-import { DEFAULT_PAGE_PARAM } from '@/entities/common/model/constants';
+import { DEFAULT_PAGE_PARAM } from '@/entities/common/model/constant';
 import { useExtensionAccountHolderSearchDownloadExcelMutation } from '@/entities/additional-service/api/use-extension-account-holder-search-download-excel-mutation';
 import { SortOptionsBox } from '@/entities/additional-service/ui/sort-options-box';
 import { AccountHolderSearchList } from '@/entities/additional-service/ui/account-holder-search/account-holder-search-list';

src/pages/additional-service/key-in-payment/key-in-payment-page.tsx

@@ -15,7 +15,7 @@ import { KeyInPaymentFilter } from '@/entities/additional-service/ui/key-in-paym
 import { AdditionalServiceCategory, KeyInPaymentListItem, KeyInPaymentTransactionStatus, SortByKeys } from '@/entities/additional-service/model/types';
 import { SortOptionsBox } from '@/entities/additional-service/ui/sort-options-box';
 import { useExtensionKeyinListMutation } from '@/entities/additional-service/api/use-extension-keyin-list-mutation';
-import { DEFAULT_PAGE_PARAM } from '@/entities/common/model/constants';
+import { DEFAULT_PAGE_PARAM } from '@/entities/common/model/constant';
 import { KeyInPaymentList } from '@/entities/additional-service/ui/key-in-payment/key-in-payment-list';
 
 // contant로 옮기기

src/pages/support/faq/list-page.tsx

@@ -3,7 +3,7 @@ import { PATHS } from '@/shared/constants/paths';
 import { useNavigate } from '@/shared/lib/hooks/use-navigate';
 import { HeaderType } from '@/entities/common/model/types';
 import { useFaqListMutation } from '@/entities/support/api/use-faq-list-mutation';
-import { DEFAULT_PAGE_PARAM } from '@/entities/common/model/constants';
+import { DEFAULT_PAGE_PARAM } from '@/entities/common/model/constant';
 import { FaqItem } from '@/entities/support/model/types';
 import { SupportFaqItem } from '@/entities/support/ui/faq-item';
 import { 

src/pages/support/notice/list-page.tsx

@@ -2,7 +2,7 @@ import { ChangeEvent, useEffect, useState } from 'react';
 import { PATHS } from '@/shared/constants/paths';
 import { useNavigate } from '@/shared/lib/hooks/use-navigate';
 import { useNoticeListMutation } from '@/entities/support/api/use-notice-list-mutation';
-import { DEFAULT_PAGE_PARAM } from '@/entities/common/model/constants';
+import { DEFAULT_PAGE_PARAM } from '@/entities/common/model/constant';
 import { NoticeItem } from '@/entities/support/model/types';
 import { SupportNoticeItem } from '@/entities/support/ui/notice-item';
 import { HeaderType } from '@/entities/common/model/types';

src/pages/support/qna/list-page.tsx

@@ -3,7 +3,7 @@ import { PATHS } from '@/shared/constants/paths';
 import { useNavigate } from '@/shared/lib/hooks/use-navigate';
 import { HeaderType } from '@/entities/common/model/types';
 import { useQnaListMutation } from '@/entities/support/api/use-qna-list-mutation';
-import { DEFAULT_PAGE_PARAM } from '@/entities/common/model/constants';
+import { DEFAULT_PAGE_PARAM } from '@/entities/common/model/constant';
 import { QnaItem } from '@/entities/support/model/types';
 import { SupportQnaItem } from '@/entities/support/ui/qna-item';
 import { 

src/pages/transaction/all-transaction/list-page.tsx

@@ -9,7 +9,7 @@ import { AllTransactionListItem, TransactionCategory, SortByKeys, AllTransaction
 import { useAllTransactionListMutation } from '@/entities/transaction/api/use-all-transaction-list-mutation';
 import { useAllTransactionListSummaryMutation } from '@/entities/transaction/api/use-all-transaction-list-summary-mutation';
 import { useDownloadExcelMutation } from '@/entities/transaction/api/use-download-excel-mutation';
-import { DEFAULT_PAGE_PARAM } from '@/entities/common/model/constants';
+import { DEFAULT_PAGE_PARAM } from '@/entities/common/model/constant';
 import { AllTransactionFilter } from '@/entities/transaction/ui/filter/all-transaction-filter';
 import { SortOptionsBox } from '@/entities/transaction/ui/sort-options-box';
 import { FooterItemActiveKey } from '@/entities/common/model/types';

src/pages/transaction/billing/list-page.tsx

@@ -8,7 +8,7 @@ import { BillingList } from '@/entities/transaction/ui/billing-list';
 import { BillingListItem, TransactionCategory, SortByKeys, BillingRequestStatus, BillingProcessResult, BillingPaymentMethod, BillingSearchType } from '@/entities/transaction/model/types';
 import { useBillingListMutation } from '@/entities/transaction/api/use-billing-list-mutation';
 import { useDownloadExcelMutation } from '@/entities/transaction/api/use-download-excel-mutation';
-import { DEFAULT_PAGE_PARAM } from '@/entities/common/model/constants';
+import { DEFAULT_PAGE_PARAM } from '@/entities/common/model/constant';
 import { BillingFilter } from '@/entities/transaction/ui/filter/billing-filter';
 import { SortOptionsBox } from '@/entities/transaction/ui/sort-options-box';
 import { BillingRequestStatusBtnGroup } from '@/entities/transaction/model/contant';

src/pages/transaction/cash-receipt/list-page.tsx

@@ -8,7 +8,7 @@ import { CashReceiptList } from '@/entities/transaction/ui/cash-receipt-list';
 import { CashReceiptListItem, TransactionCategory, SortByKeys, CashReceiptPurposeType, CashReceiptIssueStatus, CashReceiptProcessResult } from '@/entities/transaction/model/types';
 import { useCashReceiptListMutation } from '@/entities/transaction/api/use-cash-receipt-list-mutation';
 import { useDownloadExcelMutation } from '@/entities/transaction/api/use-download-excel-mutation';
-import { DEFAULT_PAGE_PARAM } from '@/entities/common/model/constants';
+import { DEFAULT_PAGE_PARAM } from '@/entities/common/model/constant';
 import { CashReceiptFilter } from '@/entities/transaction/ui/filter/cash-receipt-filter';
 import { SortOptionsBox } from '@/entities/transaction/ui/sort-options-box';
 import { HeaderType } from '@/entities/common/model/types';

src/pages/transaction/escrow/list-page.tsx

@@ -8,7 +8,7 @@ import { EscrowList } from '@/entities/transaction/ui/escrow-list';
 import { EscrowListItem, TransactionCategory, SortByKeys, EscrowDeliveryStatus, EscrowSearchType, EscrowSettlementStatus } from '@/entities/transaction/model/types';
 import { useEscrowListMutation } from '@/entities/transaction/api/use-escrow-list-mutation';
 import { useDownloadExcelMutation } from '@/entities/transaction/api/use-download-excel-mutation';
-import { DEFAULT_PAGE_PARAM } from '@/entities/common/model/constants';
+import { DEFAULT_PAGE_PARAM } from '@/entities/common/model/constant';
 import { EscrowFilter } from '@/entities/transaction/ui/filter/escrow-filter';
 import { EscrowDeliveryStatusBtnGroup } from '@/entities/transaction/model/contant';
 import { SortOptionsBox } from '@/entities/transaction/ui/sort-options-box';