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(''); 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