From 372ecfa3f0039eab93eff2d1669e6275d5d4960a Mon Sep 17 00:00:00 2001
From: "focp212@naver.com" <focp212@naver.com>
Date: Thu, 23 Oct 2025 16:33:27 +0900
Subject: [PATCH] =?UTF-8?q?=EC=8A=A4=EB=82=B5=EB=B0=94=20=EA=B8=B0?=
 =?UTF-8?q?=EB=8A=A5=20=EC=B6=94=EA=B0=80,=20=ED=98=84=EA=B8=88=EC=98=81?=
 =?UTF-8?q?=EC=88=98=EC=A6=9D=20=EB=82=A0=EC=A7=9C=20=EB=B3=80=EA=B2=BD=20?=
 =?UTF-8?q?=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../transaction/ui/section/issue-info-section.tsx  | 11 ++++++++---
 src/pages/transaction/billing/charge-page.tsx      |  6 ++++--
 src/shared/lib/toast.ts                            | 14 ++++++++++++--
 3 files changed, 24 insertions(+), 7 deletions(-)

diff --git a/src/entities/transaction/ui/section/issue-info-section.tsx b/src/entities/transaction/ui/section/issue-info-section.tsx
index f41e33f..b711e58 100644
--- a/src/entities/transaction/ui/section/issue-info-section.tsx
+++ b/src/entities/transaction/ui/section/issue-info-section.tsx
@@ -1,4 +1,3 @@
-import { SectionTitleArrow } from '@/entities/common/ui/section-title-arrow';
 import { InfoSectionProps } from '../../model/types';
 import moment from 'moment';
 import { useEffect, useState } from 'react';
@@ -11,8 +10,14 @@ export const IssueInfoSection = ({
   const [issueDateTime, setIssueDateTime] = useState<string>('');
 
   useEffect(() => {
-    setIssueDateTime(issueInfo?.issueDate + ' ' + issueInfo?.issueTime);
-  }, []);
+    let issueDate = issueInfo?.issueDate;
+    let issueTime = issueInfo?.issueTime;
+    if(issueDate && issueTime){
+      let date = issueDate.substr(0, 4) + '-' + issueDate.substr(4, 2) + '-' + issueDate.substr(6, 2);
+      let time = issueTime.substr(0, 2) + ':' + issueTime.substr(2, 2) + ':' + issueTime.substr(4, 2);
+      setIssueDateTime(date + ' '+ time);
+    }
+  }, [issueInfo]);
 
   return (
     <>
diff --git a/src/pages/transaction/billing/charge-page.tsx b/src/pages/transaction/billing/charge-page.tsx
index 846911b..c28c8c4 100644
--- a/src/pages/transaction/billing/charge-page.tsx
+++ b/src/pages/transaction/billing/charge-page.tsx
@@ -78,8 +78,10 @@ export const BillingChargePage = () => {
       installmentMonth: installmentMonth
     };
     billingCharge(params).then((rs) => {
-      console.log(rs);
-      navigate(PATHS.transaction.billing.list);
+      snackBar('결제 신청을 성공하였습니다.', function(){
+        navigate(PATHS.transaction.billing.list);
+      });
+      
     }).catch((e: any) => {
       /*
       if(e.response?.data?.message){
diff --git a/src/shared/lib/toast.ts b/src/shared/lib/toast.ts
index a77e6e9..260837d 100644
--- a/src/shared/lib/toast.ts
+++ b/src/shared/lib/toast.ts
@@ -1,11 +1,21 @@
 import { toast } from "react-toastify";
 
-export const snackBar = (text: string) => {
+export const snackBar = (text: string, callback?: () => void) => {
   toast.dismiss({ containerId: 'snackbar' });
   toast(text, { containerId: 'snackbar' });
+  if(!!callback && typeof(callback) === 'function'){
+    setTimeout(() => {
+      callback();
+    }, 3000);
+  }
 };
 
-export const notiBar = (text: string) => {
+export const notiBar = (text: string, callback?: () => void) => {
   toast.dismiss({ containerId: 'notibar' });
   toast(text, { containerId: 'notibar' });
+  if(!!callback && typeof(callback) === 'function'){
+    setTimeout(() => {
+      callback();
+    }, 3000);
+  }
 };
\ No newline at end of file