홈 화면 month api 수정

src/entities/transaction/ui/all-transaction-all-cancel.tsx

@@ -1,59 +1,33 @@
 import { IMAGE_ROOT } from '@/shared/constants/common';
+import { AllTransactionCancelInfoResponse } from '../model/types';
+import { AllTransactionCancelSectionPasswordGroup } from './section/all-transaction-cancel-section-password-group';
+import { AllTransactionCancelSectionBankGroup } from './section/all-transaction-cancel-section-bank-group';
 
-export const AllTransactionAllCancel = () => {
-  
+export interface AllTransactionAllCancelProps extends AllTransactionCancelInfoResponse {
+  serviceCode: string;
+};
+
+export const AllTransactionAllCancel = ({
+  serviceCode,
+  remainAmount,
+  partCancelCl,
+  isCompoundTax,
+  supplyAmount,
+  goodsVat,
+  taxFreeAmount,
+  serviceAmount,
+  debtPreventionCancelDisplayInfo,
+  debtPreventionCancelRequestInfo
+}: AllTransactionAllCancelProps) => {
+  console.log(serviceCode)
   return (
     <>
       <div className="form-section">
-        <div className="form-group">
-          <label className="form-label">취소 비밀번호</label>
-          <div className="input-wrapper wid-100 error">
-            <input 
-              className="wid-100 align-right" 
-              type="password" 
-              value="2736356352" 
-            />
-          </div>
-        </div>
-        <div className="error-msg">비밀번호 불일치</div>
-
-        <div className="form-group">
-          <label className="form-label">은행</label>
-          <div className="input-wrapper wid-100">
-            <select className="wid-100 align-right">
-              <option>선택</option>
-              <option>KB국민은행</option>
-              <option>22323213123</option>
-            </select>
-          </div>
-        </div>
-
-        <div className="form-group">
-          <label className="form-label">계좌번호</label>
-          <div className="input-wrapper wid-100">
-            <input 
-              className="form-input wid-100" 
-              type="text" 
-              placeholder="" 
-            />
-          </div>
-        </div>
-
-        <div className="form-group">
-          <label className="form-label">예금주</label>
-          <div className="input-wrapper wid-100">
-            <input 
-              className="form-input  wid-100" 
-              type="text" 
-              placeholder="" 
-            />
-          </div>
-        </div>
-
-        <div className="notice-text wid-100">
-          <p>환불은 입력한 계좌정보로 별도 확인 절차없이 지급됩니다.<br />입력 정보를 한번 더 확인해 주세요.</p>
-        </div>
-    </div>
+        <AllTransactionCancelSectionPasswordGroup></AllTransactionCancelSectionPasswordGroup>
+        { serviceCode === '03' &&
+        <AllTransactionCancelSectionBankGroup></AllTransactionCancelSectionBankGroup>
+        }
+      </div>
     </>
   );
 };