mid 셋팅및 코드 정리

src/entities/transaction/model/types.ts

@@ -10,7 +10,7 @@ export enum TransactionCategory {
   Escrow = 'Escrow',
   Billing = 'Billing',
 };
-export enum InfoWrapKeys {
+export enum InfoSectionKeys {
   Amount = 'Amount',
   Important = 'Important',
   Payment = 'Payment',
@@ -451,15 +451,16 @@ export interface BillingDetailResponse extends BillingInfo {
 
 }
 
-export interface DetailInfoProps extends DetailResponse {
+export interface InfoSectionProps extends DetailResponse {
   transactionCategory?: TransactionCategory;
   isOpen?: boolean;
   tid?: string;
   serviceCode?: string;
   purposeType?: CashReceiptPurposeType;
-  onClickToOpenInfo?: (info: InfoWrapKeys) => void;
+  onClickToOpenInfo?: (info: InfoSectionKeys) => void;
 }
 
+
 export interface DownloadConfirmationParams {
   tid?: string;
 };

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

@@ -2,18 +2,18 @@ import moment from 'moment';
 import { NumericFormat } from 'react-number-format';
 import { SectionTitleArrow } from '@/entities/common/ui/section-title-arrow';
 import { useDownloadConfirmationMutation } from '../../api/use-download-confirmation-mutation';
-import { InfoWrapKeys, DetailInfoProps } from '../../model/types';
+import { InfoSectionKeys, InfoSectionProps } from '../../model/types';
 import { SlideDown } from 'react-slidedown';
 import 'react-slidedown/lib/slidedown.css';
 
-export const AmountInfoWrap = ({
+export const AmountInfoSection = ({
   transactionCategory, 
   amountInfo,
   isOpen,
   tid,
   serviceCode,
   onClickToOpenInfo
-}: DetailInfoProps) => {
+}: InfoSectionProps) => {
   const { mutateAsync: downloadConfirmation } = useDownloadConfirmationMutation();
 
   const subItems: Record<string, Record<string, string>> = {
@@ -100,7 +100,7 @@ export const AmountInfoWrap = ({
     
   const onClickToSetShowInfo = () => {
     if(!!onClickToOpenInfo){
-      onClickToOpenInfo(InfoWrapKeys.Amount);
+      onClickToOpenInfo(InfoSectionKeys.Amount);
     }
   };
 

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

@@ -1,9 +1,9 @@
 import moment from 'moment';
-import { InfoWrapKeys, DetailInfoProps } from '../../model/types';
+import { InfoSectionProps } from '../../model/types';
 
-export const BillingInfoWrap = ({
+export const BillingInfoSection = ({
   billingInfo,
-}: DetailInfoProps) => {
+}: InfoSectionProps) => {
 
   const getInstallmentMonth = () => {
     let rs = [];

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

@@ -1,19 +1,19 @@
 import moment from 'moment';
 import { SectionTitleArrow } from '@/entities/common/ui/section-title-arrow';
-import { InfoWrapKeys, DetailInfoProps } from '../../model/types';
+import { InfoSectionKeys, InfoSectionProps } from '../../model/types';
 import { SlideDown } from 'react-slidedown';
 import 'react-slidedown/lib/slidedown.css';
 
-export const DetailInfoWrap = ({
+export const DetailInfoSection = ({
   transactionCategory,
   detailInfo,
   isOpen,
   onClickToOpenInfo
-}: DetailInfoProps) => {
+}: InfoSectionProps) => {
   
   const onClickToSetOpenInfo = () => {
     if(!!onClickToOpenInfo){
-      onClickToOpenInfo(InfoWrapKeys.Issue);
+      onClickToOpenInfo(InfoSectionKeys.Issue);
     }
   };
   

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

@@ -1,19 +1,19 @@
 import moment from 'moment';
 import { SectionTitleArrow } from '@/entities/common/ui/section-title-arrow';
-import { InfoWrapKeys, DetailInfoProps } from '../../model/types';
+import { InfoSectionKeys, InfoSectionProps } from '../../model/types';
 import { SlideDown } from 'react-slidedown';
 import 'react-slidedown/lib/slidedown.css';
 
-export const EscrowInfoWrap = ({
+export const EscrowInfoSection = ({
   transactionCategory,
   escrowInfo,
   isOpen,
   onClickToOpenInfo
-}: DetailInfoProps) => {
+}: InfoSectionProps) => {
   
   const onClickToSetOpenInfo = () => {
     if(!!onClickToOpenInfo){
-      onClickToOpenInfo(InfoWrapKeys.Escrow);
+      onClickToOpenInfo(InfoSectionKeys.Escrow);
     }
   };
   

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

@@ -1,12 +1,12 @@
 import moment from 'moment';
 import { NumericFormat } from 'react-number-format';
-import { InfoWrapKeys, DetailInfoProps, TransactionCategory } from '../../model/types';
+import { InfoSectionProps, TransactionCategory } from '../../model/types';
 
-export const ImportantInfoWrap = ({
+export const ImportantInfoSection = ({
   transactionCategory,
   importantInfo,
   serviceCode
-  }: DetailInfoProps) => {
+  }: InfoSectionProps) => {
   
   const subItems: Record<string, Record<string, string>> = {
     ordNo: {name: '주문번호', type: 'string'},

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

@@ -1,12 +1,12 @@
 import { SectionTitleArrow } from '@/entities/common/ui/section-title-arrow';
-import { InfoWrapKeys, DetailInfoProps } from '../../model/types';
+import { InfoSectionProps } from '../../model/types';
 import moment from 'moment';
 
-export const IssueInfoWrap = ({
+export const IssueInfoSection = ({
   transactionCategory,
   issueInfo,
   purposeType,
-}: DetailInfoProps) => {
+}: InfoSectionProps) => {
  
   return (
     <>

src/entities/transaction/ui/section/part-cancel-info-section.tsx

@@ -1,17 +1,17 @@
 import moment from 'moment';
 import { NumericFormat } from 'react-number-format';
 import { SectionTitleArrow } from '@/entities/common/ui/section-title-arrow';
-import { InfoWrapKeys, DetailInfoProps } from '../../model/types';
+import { InfoSectionKeys, InfoSectionProps } from '../../model/types';
 import { SlideDown } from 'react-slidedown';
 import 'react-slidedown/lib/slidedown.css';
 
-export const PartCancelInfoWrap = ({
+export const PartCancelInfoSection = ({
   transactionCategory,
   partCancelInfo,
   serviceCode,
   isOpen,
   onClickToOpenInfo
-}: DetailInfoProps) => {
+}: InfoSectionProps) => {
   
   const subItems: Record<string, Record<string, string>> = {
     originalTid: {name: '원거래 TID', type: 'string'},
@@ -94,7 +94,7 @@ export const PartCancelInfoWrap = ({
 
   const onClickToSetOpenInfo = () => {
     if(!!onClickToOpenInfo){
-      onClickToOpenInfo(InfoWrapKeys.PartCancel);
+      onClickToOpenInfo(InfoSectionKeys.PartCancel);
     }
   };
   

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

@@ -1,17 +1,17 @@
 import moment from 'moment';
 import { SectionTitleArrow } from '@/entities/common/ui/section-title-arrow';
-import { InfoWrapKeys, DetailInfoProps, TransactionCategory } from '../../model/types';
+import { InfoSectionKeys, InfoSectionProps, TransactionCategory } from '../../model/types';
 import { NumericFormat } from 'react-number-format';
 import { SlideDown } from 'react-slidedown';
 import 'react-slidedown/lib/slidedown.css';
 
-export const PaymentInfoWrap = ({
+export const PaymentInfoSection = ({
   transactionCategory,
   paymentInfo,
   serviceCode,
   isOpen,
   onClickToOpenInfo
-}: DetailInfoProps) => {
+}: InfoSectionProps) => {
 
   const subItems: Record<string, Record<string, string>> = {
     approvalAcquire: {name: '승인매입', type: 'string'},
@@ -117,7 +117,7 @@ export const PaymentInfoWrap = ({
 
   const onClickToSetOpenInfo = () => {
     if(!!onClickToOpenInfo){
-      onClickToOpenInfo(InfoWrapKeys.Payment);
+      onClickToOpenInfo(InfoSectionKeys.Payment);
     }
   };
   

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

@@ -1,17 +1,17 @@
 import moment from 'moment';
 import { NumericFormat } from 'react-number-format';
 import { SectionTitleArrow } from '@/entities/common/ui/section-title-arrow';
-import { InfoWrapKeys, DetailInfoProps } from '../../model/types';
+import { InfoSectionKeys, InfoSectionProps } from '../../model/types';
 import { SlideDown } from 'react-slidedown';
 import 'react-slidedown/lib/slidedown.css';
 
-export const SettlementInfoWrap = ({
+export const SettlementInfoSection = ({
   transactionCategory,
   settlementInfo,
   serviceCode,
   isOpen,
   onClickToOpenInfo
-}: DetailInfoProps) => {
+}: InfoSectionProps) => {
   
   const subItems: Record<string, Record<string, string>> = {
     approvalSettleDate: {name: '승인정산일', type: 'date'},
@@ -93,7 +93,7 @@ export const SettlementInfoWrap = ({
 
   const onClickToSetOpenInfo = () => {
     if(!!onClickToOpenInfo){
-      onClickToOpenInfo(InfoWrapKeys.Settlement);
+      onClickToOpenInfo(InfoSectionKeys.Settlement);
     }
   };
   

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

@@ -1,17 +1,17 @@
 import moment from 'moment';
 import { SectionTitleArrow } from '@/entities/common/ui/section-title-arrow';
-import { InfoWrapKeys, DetailInfoProps, TransactionCategory } from '../../model/types';
+import { InfoSectionKeys, InfoSectionProps, TransactionCategory } from '../../model/types';
 import { NumericFormat } from 'react-number-format';
 import { SlideDown } from 'react-slidedown';
 import 'react-slidedown/lib/slidedown.css';
 
-export const TransactionInfoWrap = ({
+export const TransactionInfoSection = ({
   transactionCategory,
   transactionInfo,
   serviceCode,
   isOpen,
   onClickToOpenInfo
-}: DetailInfoProps) => {
+}: InfoSectionProps) => {
 
   const subItems: Record<string, Record<string, string>> = {
     buyerName: {name: '구매자명', type: 'string'},
@@ -96,7 +96,7 @@ export const TransactionInfoWrap = ({
 
   const onClickToSetOpenInfo = () => {
     if(!!onClickToOpenInfo){
-      onClickToOpenInfo(InfoWrapKeys.Transaction);
+      onClickToOpenInfo(InfoSectionKeys.Transaction);
     }
   };