[Log] IF-LGSP-LOG-112 / Check out 화면 버튼 클릭 이력, 반영

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

@@ -39,7 +39,8 @@ import OrderItemsSideBar from "./container/OrderItemsSideBar";
 import SummaryContainer from "./container/SummaryCotainer";
 
 export default function CheckOutPanel({ panelInfo }) {
-  const { sendLogGNB, sendLogPaymentEntry } = useLogService();
+  const { sendLogCheckOutBtnClick, sendLogGNB, sendLogPaymentEntry } =
+    useLogService();
   const dispatch = useDispatch();
   const panels = useSelector((state) => state.panels.panels);
   const { userNumber } = useSelector(
@@ -199,14 +200,22 @@ export default function CheckOutPanel({ panelInfo }) {
   }, [dispatch]);
 
   const toggleOrderSideBar = useCallback(() => {
+    if (!orderSideBarOpen) {
+      sendLogCheckOutBtnClick({ btnNm: "ORDER ITEMS" });
+    }
+
     setOrderSideBarOpen((prev) => !prev);
     setTimeout(() => Spotlight.focus(), 0);
-  }, []);
+  }, [orderSideBarOpen, sendLogCheckOutBtnClick]);
 
   const toggleOfferSideBar = useCallback(() => {
+    if (!offerSideBarOpen) {
+      sendLogCheckOutBtnClick({ btnNm: "OFFERS & PROMOTION" });
+    }
+
     setOfferSideBarOpen((prev) => !prev);
     setTimeout(() => Spotlight.focus(), 0);
-  }, []);
+  }, [offerSideBarOpen, sendLogCheckOutBtnClick]);
 
   const onClosePopup = useCallback(() => {
     setPlaceOrderPopup(false);