정산 상세 수정

src/pages/transaction/cash-receipt/detail-page.tsx

@@ -13,7 +13,8 @@ import {
   IssueInfo,
   DetailInfo,
   InfoSectionKeys,
-  CashReceiptPurposeType
+  CashReceiptPurposeType,
+  AmountInfo
 } from '@/entities/transaction/model/types';
 import {
   useSetOnBack, 
@@ -23,11 +24,13 @@ import {
 } from '@/widgets/sub-layout/use-sub-layout';
 import { CashReceitPurposeUpdateBottomSheet } from '@/entities/transaction/ui/cash-receit-purpose-update-bottom-sheet';
 import { useCashReceiptPurposeUpdateMutation } from '@/entities/transaction/api/use-cash-receipt-purpose-update-mutation';
+import { AmountInfoSection } from '@/entities/transaction/ui/section/amount-info-section';
 
 export const CashReceiptDetailPage = () => {
   const { navigate } = useNavigate();
   const location = useLocation();
   
+  const [amountInfo, setAmountInfo] = useState<AmountInfo>();
   const [issueInfo, setIssueInfo] = useState<IssueInfo>();
   const [detailInfo, setDetailInfo] = useState<DetailInfo>();
   const [showDetailInfo, setShowDetailInfo] = useState<boolean>(false);
@@ -65,8 +68,9 @@ export const CashReceiptDetailPage = () => {
       approvalNumber: approvalNumber
     };
     cashReceiptDetail(cashReceitDetailParams).then((rs: DetailResponse) => {
-      setIssueInfo(rs.issueInfo);
-      setDetailInfo(rs.detailInfo);
+      setAmountInfo(rs.amountInfo || {});
+      setIssueInfo(rs.issueInfo || {});
+      setDetailInfo(rs.detailInfo || {});
       if(rs.issueInfo){
         setPurposeType(rs.issueInfo.purpose);
       }
@@ -93,6 +97,12 @@ export const CashReceiptDetailPage = () => {
           <div className="tab-pane sub active">
             <div className="option-list">
               <div className={ `txn-detail ${(detailInfo?.canDownloadReceipt)? 'pb-86': ''}` }>
+                <AmountInfoSection
+                  transactionCategory={ TransactionCategory.CashReceipt }
+                  amountInfo={ amountInfo }
+                  purposeType={ purposeType }
+                ></AmountInfoSection>
+                <div className="txn-divider"></div>
                 <IssueInfoSection
                   transactionCategory={ TransactionCategory.CashReceipt }
                   issueInfo={ issueInfo }