상세 수정

src/pages/transaction/all-transaction/list-page.tsx

@@ -13,7 +13,8 @@ import {
   ListItemProps, 
   AllTransactionListSummaryParams, 
   AllTransactionListResponse, 
-  AllTransactionListSummaryResponse 
+  AllTransactionListSummaryResponse, 
+  DetailData
 } from '@/entities/transaction/model/types';
 import { useAllTransactionListMutation } from '@/entities/transaction/api/use-all-transaction-list-mutation';
 import { useAllTransactionListSummaryMutation } from '@/entities/transaction/api/use-all-transaction-list-summary-mutation';
@@ -31,6 +32,7 @@ import {
 import { EmailBottomSheet } from '@/entities/common/ui/email-bottom-sheet';
 import useIntersectionObserver from '@/widgets/intersection-observer';
 import { useTranslation } from 'react-i18next';
+import { AllTransactionDetail } from '@/entities/transaction/ui/detail/all-transaction-detail';
 
 export const AllTransactionListPage = () => {
   const { navigate } = useNavigate();
@@ -65,6 +67,10 @@ export const AllTransactionListPage = () => {
   const [totalAmount, setTotalAmount] = useState<number>(0);
 
   const [emailBottomSheetOn, setEmailBottomSheetOn] = useState<boolean>(false);
+
+  const [detailOn, setDetailOn] = useState<boolean>(false);
+  const [detailTid, setDetailTid] = useState<string>('');
+  const [detailServiceCode, setDetailServiceCode] = useState<string>('');
       
 	useSetHeaderTitle(t('transaction.listTitle'));
 	useSetHeaderType(HeaderType.LeftArrow);
@@ -209,6 +215,14 @@ export const AllTransactionListPage = () => {
     return rs;
   };
 
+  const setDetailData = (detailData: DetailData) => {
+    setDetailOn(detailData.detailOn);
+    setDetailTid(detailData.tid);
+    if(detailData?.serviceCode){
+      setDetailServiceCode(detailData?.serviceCode);
+    }
+  };
+
   const getLocalizedServiceCodeName = (name?: string): string => {
     if (!name) return '';
 
@@ -307,6 +321,7 @@ export const AllTransactionListPage = () => {
             <AllTransactionList 
               listItems={ listItems }
               transactionCategory={ TransactionCategory.AllTransaction }
+              setDetailData={ setDetailData }
             ></AllTransactionList>
             <div ref={ setTarget }></div>
 					</div>
@@ -341,7 +356,12 @@ export const AllTransactionListPage = () => {
         setSearchValue={ setSearchValue }
         serviceCodeOptions={ serviceCodeOptions }
       ></AllTransactionFilter>
-
+      <AllTransactionDetail
+        detailOn={ detailOn }
+        setDetailOn={ setDetailOn }
+        tid={ detailTid }
+        serviceCode={ detailServiceCode }
+      ></AllTransactionDetail>
       { !!emailBottomSheetOn &&
         <EmailBottomSheet
           bottomSheetOn={ emailBottomSheetOn }