수기발행 / 현금영수증 용도변경

src/pages/transaction/billing/detail-page.tsx

@@ -17,6 +17,7 @@ import {
   useSetHeaderType,
   useSetFooterMode
 } from '@/widgets/sub-layout/use-sub-layout';
+import { NumericFormat } from 'react-number-format';
 
 export const BillingDetailPage = () => {
   const { navigate } = useNavigate();
@@ -52,8 +53,24 @@ export const BillingDetailPage = () => {
           <div className="tab-pane sub active">
             <div className="option-list">
               <div className="txn-detail">
+                <div className="txn-num-group">
+                  <div className="txn-amount">
+                    <div className="value">
+                      <NumericFormat
+                        value={ 100000000 } 
+                        thousandSeparator
+                        displayType="text"
+                      ></NumericFormat>
+                      <span className="unit">원</span>
+                    </div>
+                    <div className="txn-mid">
+                      <span className="value">{ 'nitnitni' }</span>
+                    </div>
+                  </div>
+
+                </div>
+                <div className="txn-divider"></div>
                 <BillingInfoWrap
-                  transactionCategory={ TransactionCategory.Billing }
                   billingInfo={ billingInfo }
                 ></BillingInfoWrap>
               </div>