상수 변경

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';