수정

src/entities/additional-service/ui/filter/payout-filter.tsx

@@ -29,15 +29,15 @@ export interface PayoutFilterProps {
   fromDate: string;
   toDate: string;
   status: PayoutDisbursementStatus;
-  minAmount: number;
-  maxAmount: number;
+  minAmount?: number;
+  maxAmount?: number;
   setMid: (mid: string) => void;
   setSearchDateType: (searchDateType: PayoutSearchDateType) => void;
   setFromDate: (fromDate: string) => void;
   setToDate: (toDate: string) => void;
   setStatus: (status: PayoutDisbursementStatus) => void;
-  setMinAmount: (minAmount: number) => void;
-  setMaxAmount: (maxAmount: number) => void;
+  setMinAmount: (minAmount?: number) => void;
+  setMaxAmount: (maxAmount?: number) => void;
 };
 
 export const PayoutFilter = ({
@@ -64,8 +64,8 @@ export const PayoutFilter = ({
   const [filterFromDate, setFilterFromDate] = useState<string>(moment(fromDate).format('YYYY.MM.DD'));
   const [filterToDate, setFilterToDate] = useState<string>(moment(toDate).format('YYYY.MM.DD'));
   const [filterStatus, setFilterStatus] = useState<PayoutDisbursementStatus>(status);
-  const [filterMinAmount, setFilterMinAmount] = useState<number>(minAmount);
-  const [filterMaxAmount, setFilterMaxAmount] = useState<number>(maxAmount);
+  const [filterMinAmount, setFilterMinAmount] = useState<number | undefined>(minAmount);
+  const [filterMaxAmount, setFilterMaxAmount] = useState<number | undefined>(maxAmount);
   
   const midOptions = useStore.getState().UserStore.selectOptionsMids;
 

src/entities/common/model/types.ts

@@ -52,8 +52,8 @@ export interface FilterRangeAmountProps {
   title?: string;
   minAmount?: number;
   maxAmount?: number;
-  setMinAmount: (minAmount: number | undefined) => void;
-  setMaxAmount: (maxAmount: number | undefined) => void;
+  setMinAmount: (minAmount?: number) => void;
+  setMaxAmount: (maxAmount?: number) => void;
 };
 export interface FilterButtonGroupsProps {
   title: string;

src/locales/en.json

@@ -120,6 +120,7 @@
             "inquiryButton": "Contact Support",
             "categories": {
                 "all": "All",
+                "00": "TOP 10",
                 "01": "Contract",
                 "02": "Cancellation",
                 "03": "Settlement",

src/pages/additional-service/payout/list-page.tsx

@@ -50,8 +50,8 @@ export const PayoutListPage = () => {
   const [fromDate, setFromDate] = useState<string>(moment().format('YYYYMMDD'));
   const [toDate, setToDate] = useState<string>(moment().format('YYYYMMDD'));
   const [status, setStatus] = useState<PayoutDisbursementStatus>(PayoutDisbursementStatus.ALL);
-  const [minAmount, setMinAmount] = useState<number>(0);
-  const [maxAmount, setMaxAmount] = useState<number>(50000000);
+  const [minAmount, setMinAmount] = useState<number | undefined>(0);
+  const [maxAmount, setMaxAmount] = useState<number | undefined>(50000000);
   const [emailBottomSheetOn, setEmailBottomSheetOn] = useState<boolean>(false);
 
   const { mutateAsync: extensionPayoutList } = useExtensionPayoutListMutation();

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

@@ -168,9 +168,7 @@ export const FaqListPage = () => {
                     <option value="05">{ t('support.faq.categories.05') }</option>
                     <option value="06">{ t('support.faq.categories.06') }</option>
                     <option value="07">{ t('support.faq.categories.07') }</option>
-                    <option value="08">{ t('support.faq.categories.08') }</option>
-                    <option value="99">{ t('support.faq.categories.99') }</option>
-                  </select>
+                    <option value="99">{ t('support.faq.categories.99') }</option>                  </select>
                 </div>
               </div>
               <div className="faq-list">