logaction

com.twin.app.shoptime/src/views/CheckOutPanel/CheckOutPanel.jsx

@@ -26,7 +26,6 @@ import THeader from "../../components/THeader/THeader";
 import TPanel from "../../components/TPanel/TPanel";
 import TPopUp from "../../components/TPopUp/TPopUp";
 import TQRCode from "../../components/TQRCode/TQRCode";
-import useLogService from "../../hooks/useLogService";
 import useScrollTo from "../../hooks/useScrollTo";
 import * as Config from "../../utils/Config";
 import { $L, scaleH, scaleW } from "../../utils/helperMethods";
@@ -37,14 +36,9 @@ import FixedSideBar from "./container/FixedSideBar";
 import InformationContainer from "./container/InformationContainer";
 import OrderItemsSideBar from "./container/OrderItemsSideBar";
 import SummaryContainer from "./container/SummaryCotainer";
+import {sendLogCheckOutBtnClick, sendLogGNB, sendLogPaymentEntry, sendLogMyInfoEdit} from "../../actions/logActions";
 
 export default function CheckOutPanel({ panelInfo }) {
-  const {
-    sendLogCheckOutBtnClick,
-    sendLogGNB,
-    sendLogPaymentEntry,
-    sendLogMyInfoEdit,
-  } = useLogService();
   const dispatch = useDispatch();
   const panels = useSelector((state) => state.panels.panels);
   const { userNumber } = useSelector(
@@ -98,8 +92,8 @@ export default function CheckOutPanel({ panelInfo }) {
       nowMenu = Config.LOG_MENU.CHECKOUT_PIN_CODE;
     }
 
-    sendLogGNB(nowMenu);
-  }, [isOrderSuccessful, placeOrderPopup, popupVisible, sendLogGNB]);
+    dispatch(sendLogGNB(nowMenu));
+  }, [isOrderSuccessful, placeOrderPopup, popupVisible]);
 
   useEffect(() => {
     isMounted.current = true;
@@ -205,21 +199,21 @@ export default function CheckOutPanel({ panelInfo }) {
 
   const toggleOrderSideBar = useCallback(() => {
     if (!orderSideBarOpen) {
-      sendLogCheckOutBtnClick({ btnNm: "ORDER ITEMS" });
+      dispatch(sendLogCheckOutBtnClick({ btnNm: "ORDER ITEMS" }));
     }
 
     setOrderSideBarOpen((prev) => !prev);
     setTimeout(() => Spotlight.focus(), 0);
-  }, [orderSideBarOpen, sendLogCheckOutBtnClick]);
+  }, [orderSideBarOpen]);
 
   const toggleOfferSideBar = useCallback(() => {
     if (!offerSideBarOpen) {
-      sendLogCheckOutBtnClick({ btnNm: "OFFERS & PROMOTION" });
+      dispatch(sendLogCheckOutBtnClick({ btnNm: "OFFERS & PROMOTION" }));
     }
 
     setOfferSideBarOpen((prev) => !prev);
     setTimeout(() => Spotlight.focus(), 0);
-  }, [offerSideBarOpen, sendLogCheckOutBtnClick]);
+  }, [offerSideBarOpen]);
 
   const onClosePopup = useCallback(() => {
     setPlaceOrderPopup(false);
@@ -300,15 +294,15 @@ export default function CheckOutPanel({ panelInfo }) {
 
   const doSendLogPaymentEntry = useCallback(() => {
     if (panelInfo?.logInfo) {
-      sendLogPaymentEntry(panelInfo.logInfo);
+      dispatch(sendLogPaymentEntry(panelInfo.logInfo));
     }
   }, [panelInfo?.logInfo]);
 
   const doSendLogMyInfoEdit = useCallback(
     (btnNm) => {
-      sendLogMyInfoEdit({ btnNm });
+      dispatch(sendLogMyInfoEdit({ btnNm }));
     },
-    [sendLogMyInfoEdit]
+    []
   );
 
   return (