test

src/entities/transaction/ui/list-date-group.tsx

@@ -2,6 +2,7 @@ import moment from 'moment';
 import 'moment/dist/locale/ko';
 import { ListDateGroupProps } from '../model/types';
 import { ListItem } from './list-item';
+import { useStore } from '@/shared/model/store';
 
 export const ListDateGroup = ({
   transactionCategory,
@@ -9,16 +10,35 @@ export const ListDateGroup = ({
   items
 }: ListDateGroupProps) => {
   moment.locale('ko');
+  let serviceCodes = useStore.getState().CommonStore.serviceCodes;
   const getStateDate = () => {
     let stateDate = moment(date).format('YY.MM.DD(ddd)');
     return stateDate;
   };
 
+  const getServiceName = (serviceCode: string) => {
+    let serviceName = '';
+    for(let i=0;i<serviceCodes.length;i++){
+      if(serviceCodes[i].value === serviceCode){
+        serviceName = serviceCodes[i].name;
+        break;
+      }
+    }
+    return serviceName;
+  };
+
   const getListItem = () => {
     let rs = [];
+    console.log('items', items)
     if(!!items && items.length>0){
       for(let i=0;i<items.length;i++){
         let key = 'ListItem-'+i;
+        let serviceName = '';
+        let serviceCode = items[i]?.serviceCode
+        if(serviceCode){
+          serviceName = getServiceName(serviceCode);
+        }
+        
         rs.push(
           <ListItem
             transactionCategory={ transactionCategory }
@@ -27,7 +47,8 @@ export const ListDateGroup = ({
             mid={ items[i]?.mid }
             statusCode={ items[i]?.statusCode }
             installmentMonth={ items[i]?.installmentMonth }
-            serviceCode={ items[i]?.serviceCode }
+            serviceName={ serviceName }
+            serviceCode={ serviceCode }
             serviceDetailName={ items[i]?.serviceDetailName }
             goodsAmount={ items[i]?.goodsAmount }