상세 수정

src/entities/transaction/ui/list-item.tsx

@@ -1,9 +1,6 @@
-import { NumericFormat } from 'react-number-format';
-import { PATHS } from '@/shared/constants/paths';
 import { useNavigate } from '@/shared/lib/hooks/use-navigate';
 import { BillingRequestStatus, CashReceiptTransactionType, EscrowDeliveryStatus, ListItemProps, TransactionCategory } from '../model/types';
 import moment from 'moment';
-import { useStore } from '@/shared/model/store';
 import { getAllTransactionStatusCode, getPaymentMethodName } from '../model/contant';
 import { useTranslation } from 'react-i18next';
 
@@ -16,9 +13,9 @@ export const ListItem = ({
   paymentMethod, processResult, transactionType,
   transactionDateTime, transactionAmount,
   deliveryStatus, settlementStatus,
-  cancelStatus, billKey, orderNumber, requestStatus
+  cancelStatus, billKey, orderNumber, requestStatus,
+  setDetailData
 }: ListItemProps) => {
-  const { navigate } = useNavigate();
   const { t } = useTranslation();
   const getItemClass = () => {
     let rs = '';
@@ -88,34 +85,38 @@ export const ListItem = ({
 
   const onClickToNavigate = () => {
     if(transactionCategory === TransactionCategory.AllTransaction){
-      navigate(PATHS.transaction.allTransaction.detail, {
-        state: {
+      if(setDetailData && tid){
+        setDetailData({
           tid: tid,
-          serviceCode: serviceCode
-        }
-      });
+          serviceCode: serviceCode,
+          detailOn: true
+        });
+      }
     }
     else if(transactionCategory === TransactionCategory.CashReceipt){
-      navigate(PATHS.transaction.cashReceipt.detail, {
-        state: {
-          tid: tid
-        }
-      });
+      if(setDetailData && tid){
+        setDetailData({
+          tid: tid,
+          detailOn: true
+        });
+      }
     }
     else if(transactionCategory === TransactionCategory.Escrow){
-      navigate(PATHS.transaction.escrow.detail, {
-        state: {
-         tid: tid,
-         serviceCode: serviceCode
-        }
-      });
+      if(setDetailData && tid){
+        setDetailData({
+          tid: tid,
+          serviceCode: serviceCode,
+          detailOn: true
+        });
+      }
     }
     else if(transactionCategory === TransactionCategory.Billing){
-      navigate(PATHS.transaction.billing.detail, {
-        state: {
+      if(setDetailData && tid){
+        setDetailData({
           tid: tid,
-        }
-      });
+          detailOn: true
+        });
+      }
     }
     else{
       alert(t('common.error'));