현금영수증 상세

src/entities/transaction/ui/section/detail-info-section.tsx

@@ -13,7 +13,7 @@ export const DetailInfoSection = ({
   
   const onClickToSetOpenInfo = () => {
     if(!!onClickToOpenInfo){
-      onClickToOpenInfo(InfoSectionKeys.Issue);
+      onClickToOpenInfo(InfoSectionKeys.Detail);
     }
   };
   
@@ -31,7 +31,7 @@ export const DetailInfoSection = ({
           <ul className="kv-list">
             <li className="kv-row">
               <span className="k">취소일자</span>
-              <span className="v">{ moment(detailInfo?.cancelDate).format('YYYY.MM.DD') }</span>
+              <span className="v">{ detailInfo?.cancelDate? moment(detailInfo?.cancelDate).format('YYYY.MM.DD'): '' }</span>
             </li>
             <li className="kv-row">
               <span className="k">취소승인번호</span>

src/entities/transaction/ui/section/issue-info-section.tsx

@@ -1,13 +1,19 @@
 import { SectionTitleArrow } from '@/entities/common/ui/section-title-arrow';
 import { InfoSectionProps } from '../../model/types';
 import moment from 'moment';
+import { useEffect, useState } from 'react';
 
 export const IssueInfoSection = ({
   transactionCategory,
   issueInfo,
   purposeType,
 }: InfoSectionProps) => {
- 
+  const [issueDateTime, setIssueDateTime] = useState<string>('');
+
+  useEffect(() => {
+    setIssueDateTime(issueInfo?.issueDate + ' ' + issueInfo?.issueTime);
+  }, []);
+
   return (
     <>
       <div className="txn-section">
@@ -19,15 +25,15 @@ export const IssueInfoSection = ({
           </li>
           <li className="kv-row">
             <span className="k">발행번호</span>
-            <span className="v">{  }</span>
+            <span className="v">{ issueInfo?.issueNumber }</span>
           </li>
           <li className="kv-row">
             <span className="k">발행일시</span>
-            <span className="v">{  }</span>
+            <span className="v">{ moment(issueDateTime).format('YYYY.MM.DD HH:mm:ss') }</span>
           </li>
           <li className="kv-row">
             <span className="k">용도</span>
-            <span className="v">{ purposeType }</span>
+            <span className="v">{ issueInfo?.purpose }</span>
           </li>
           <li className="kv-row">
             <span className="k">결제수단</span>
@@ -39,7 +45,7 @@ export const IssueInfoSection = ({
           </li>
           <li className="kv-row">
             <span className="k">진행상태</span>
-            <span className="v">{ issueInfo?.transmissionStatus }</span>
+            <span className="v">{ issueInfo?.processResult }</span>
           </li>
           <li className="kv-row">
             <span className="k">거래구분</span>