- 부가서비스 각 요청 페이지 : SnackBar 추가, 양식 수정

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 | undefined>(0);
-  const [maxAmount, setMaxAmount] = useState<number | undefined>(50000000);
+  const [minAmount, setMinAmount] = useState<number | undefined>();
+  const [maxAmount, setMaxAmount] = useState<number | undefined>();
   const [emailBottomSheetOn, setEmailBottomSheetOn] = useState<boolean>(false);
 
   const { mutateAsync: extensionPayoutList } = useExtensionPayoutListMutation();

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

@@ -44,13 +44,17 @@ export const PayoutRequestPage = () => {
       settlementDate: settlementDate,
     };
     extensionPayoutRequest(params)
-    .then((rs) => {
-      snackBar("신청을 성공하였습니다.")
-    })
-    .catch((error) => {
-      snackBar(`[실패] ${error?.response?.data?.message} `|| '[실패] 신청을 실패하였습니다.')
-    })
-    ;
+      .then((rs) => {
+        if (rs.status) {
+          snackBar("신청을 성공하였습니다.")
+        } else {
+          snackBar(`[실패] ${rs.error?.message}`)
+        }
+      })
+      .catch((error) => {
+        snackBar(`[실패] ${error?.response?.data?.message} ` || '[실패] 신청을 실패하였습니다.')
+      })
+      ;
   };
 
   const isFormValid = () => {
@@ -90,9 +94,13 @@ export const PayoutRequestPage = () => {
                     <NumericFormat
                       value={disbursementAmount}
                       allowNegative={false}
+                      thousandSeparator={true}
                       displayType="input"
-                      onChange={(e: ChangeEvent<HTMLInputElement>) => setDisbursementAmount(parseInt(e.target.value))}
-                    ></NumericFormat>
+                      onValueChange={(values) => {
+                        const { floatValue } = values;
+                        setDisbursementAmount(floatValue ?? 0);
+                      }}
+                    />
                   </div>
                 </div>
                 <div className="billing-row">
@@ -102,8 +110,7 @@ export const PayoutRequestPage = () => {
                       <input
                         type="text"
                         placeholder="날짜 선택"
-                        value={settlementDate ? moment(settlementDate).format('YYYY.MM.DD') : '' }
-                        readOnly={true}
+                        value={settlementDate ? moment(settlementDate).format('YYYY.MM.DD') : ''}
                       />
                       <button
                         className="date-btn"