[CheckoutPanel, ConfirmPanel] IF-LGSP-LOG-005 (GNB), 반영

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

@@ -26,6 +26,7 @@ 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,6 +38,7 @@ import OrderItemsSideBar from "./container/OrderItemsSideBar";
 import SummaryContainer from "./container/SummaryCotainer";
 
 export default function CheckOutPanel() {
+  const { sendLogGNB } = useLogService();
   const dispatch = useDispatch();
   const panels = useSelector((state) => state.panels.panels);
   const { userNumber } = useSelector(
@@ -76,6 +78,18 @@ export default function CheckOutPanel() {
 
   const spotJob = useRef(new Job((func) => func(), 0));
 
+  useEffect(() => {
+    let nowMenu;
+
+    if (!placeOrderPopup || popupVisible) {
+      nowMenu = Config.LOG_MENU.CHECKOUT;
+    } else if (placeOrderPopup) {
+      nowMenu = Config.LOG_MENU.CHECKOUT_PIN_CODE;
+    }
+
+    sendLogGNB(nowMenu);
+  }, [placeOrderPopup, popupVisible, sendLogGNB]);
+
   useEffect(() => {
     isMounted.current = true;