부가서비스

- 링크결제 결제신청 API 연결

src/pages/additional-service/link-payment/apply/link-payment-apply-page.tsx

@@ -6,22 +6,47 @@ import {ProcessStep} from '@/entities/transaction/model/types';
 import {useSetFooterMode, useSetHeaderTitle, useSetHeaderType} from '@/widgets/sub-layout/use-sub-layout';
 import {useNavigate} from '@/shared/lib/hooks/use-navigate';
 import {PATHS} from "@/shared/constants/paths";
+import { LinkPaymentFormData, IdentityType, Language, LinkContentType, LinkPaymentSendMethod } from '@/entities/additional-service/model/types';
+
+
 
 export const LinkPaymentApplyPage = () => {
     const { navigate } = useNavigate();
 
     const [processStep, setProcessStep] = useState<ProcessStep>(ProcessStep.One);
+    const [formData, setFormData] = useState<LinkPaymentFormData>({
+      mid: 'nictest001m',
+      sendMethod: LinkPaymentSendMethod.SMS,
+      goodsName: '',
+      amount: 0,
+      moid: '',
+      paymentExpiryDate: '',
+      buyerName: '',
+      email: '',
+      phoneNumber: '',
+      isIdentity: false,
+      identityType: IdentityType.INDIVIDUAL,
+      identityValue: '',
+      language: Language.KR,
+      linkContentType: LinkContentType.BASIC
+    });
 
   useSetHeaderTitle('링크결제 신청');
   useSetHeaderType(HeaderType.LeftArrow);
   useSetFooterMode(false);
+
+  const onClickToBack = () => {
+        navigate(-1);
+    };
   
   const onClickToChangeTab = () => {
       if(processStep === ProcessStep.One) {
           setProcessStep(ProcessStep.Two);
       }
       else if(processStep === ProcessStep.Two) {
-          navigate(PATHS.additionalService.linkPayment.requestConfirm)
+          navigate(PATHS.additionalService.linkPayment.requestConfirm, {
+            state: { formData }
+          });
       }
   };
 
@@ -49,11 +74,16 @@ export const LinkPaymentApplyPage = () => {
               </div>
 
                 {(processStep === ProcessStep.One) &&
-                      <LinkPaymentStep1 ></LinkPaymentStep1>
+                      <LinkPaymentStep1
+                        formData={formData}
+                        setFormData={setFormData}
+                      ></LinkPaymentStep1>
                   }
                   { (processStep === ProcessStep.Two) &&
                       <LinkPaymentStep2
                           setProcessStep={ setProcessStep }
+                          formData={formData}
+                          setFormData={setFormData}
                       ></LinkPaymentStep2>
                   }
 
@@ -69,8 +99,9 @@ export const LinkPaymentApplyPage = () => {
               {(processStep === ProcessStep.Two) &&
                   <div className="apply-row two-button">
                       <button
-                          className="btn-50 btn-darkgray flex-1">
-                          이전</button>
+                          className="btn-50 btn-darkgray flex-1"
+                            onClick={() => onClickToBack() }
+                            >이전</button>
                       <button
                           className="btn-50 btn-blue flex-3"
                           onClick={() => onClickToChangeTab() }