- SMS,KeyIn,ARS 페이지 스크롤 적용

- ARS 결제신청 :성공 결과 팝업 추가

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

@@ -12,6 +12,7 @@ import {
   useSetOnBack
 } from '@/widgets/sub-layout/use-sub-layout';
 import { ArsPaymentMethod, ExtensionArsApplyParams } from '@/entities/additional-service/model/ars/types';
+import { ArsRequestSuccessPage } from './request-success-page';
 
 export const ArsRequestPage = () => {
   const { navigate } = useNavigate();
@@ -30,6 +31,8 @@ export const ArsRequestPage = () => {
   const [phoneNumber, setPhoneNumber] = useState<string>('');
   const [email, setEamil] = useState<string>('');
   const [arsPaymentMethod, setArsPaymentMethod] = useState<ArsPaymentMethod>(ArsPaymentMethod.SMS);
+  const [successPageOn, setSuccessPageOn] = useState<boolean>(false);
+  const [resultMessage, setResultMessage] = useState<string>('');
 
   useSetHeaderTitle('결제 신청');
   useSetHeaderType(HeaderType.LeftArrow);
@@ -51,8 +54,9 @@ export const ArsRequestPage = () => {
       arsPaymentMethod: arsPaymentMethod,
     };
     arsApply(arsApplyParams).then((rs) => {
-      navigate(PATHS.additionalService.ars.requestSuccess);
       console.log(rs)
+      setResultMessage('결제 신청이 완료되었습니다');
+      setSuccessPageOn(true);
     }).catch(() => {
 
     }).finally(() => {
@@ -227,6 +231,12 @@ export const ArsRequestPage = () => {
           </div>
         </div>
       </main>
+
+      <ArsRequestSuccessPage
+        pageOn={successPageOn}
+        setPageOn={setSuccessPageOn}
+        resultMessage={resultMessage}
+      />
     </>
   );
 };