diff --git a/com.twin.app.shoptime/src/views/PlayerPanel/PlayerOverlay/PlayerOverlayQRCode.jsx b/com.twin.app.shoptime/src/views/PlayerPanel/PlayerOverlay/PlayerOverlayQRCode.jsx index 7af1d584..adec69cb 100644 --- a/com.twin.app.shoptime/src/views/PlayerPanel/PlayerOverlay/PlayerOverlayQRCode.jsx +++ b/com.twin.app.shoptime/src/views/PlayerPanel/PlayerOverlay/PlayerOverlayQRCode.jsx @@ -5,10 +5,19 @@ import { useSelector } from "react-redux"; import TQRCode from "../../../components/TQRCode/TQRCode"; import css from "./PlayerOverlayQRCode.module.less"; -import { scaleH, scaleW } from "../../../utils/helperMethods"; +import { getQRCodeUrl, scaleH, scaleW } from "../../../utils/helperMethods"; -export default function PlayerOverlayQRCode({ qrCurrentItem, type, modalScale }) { +export default function PlayerOverlayQRCode({ + qrCurrentItem, + type, + modalScale, +}) { const { cntry_cd } = useSelector((state) => state.common.httpHeader); + const deviceInfo = useSelector((state) => state.device.deviceInfo); + + const serverHOST = useSelector((state) => state.common.appStatus.serverHOST); + const serverType = useSelector((state) => state.localSettings.serverType); + const { entryMenu, nowMenu } = useSelector((state) => state.common.menu); const label = useMemo(() => { let text = ""; @@ -76,9 +85,30 @@ export default function PlayerOverlayQRCode({ qrCurrentItem, type, modalScale }) return { width: "156", height: "156" }; }, [cntry_cd]); + const { detailUrl } = useMemo(() => { + return getQRCodeUrl({ + serverHOST, + serverType, + index: deviceInfo?.dvcIndex, + patnrId: qrCurrentItem?.patnrId, + prdtId: qrCurrentItem?.prdtId, + entryMenu: entryMenu, + nowMenu: nowMenu, + liveFlag: "Y", + qrType: "billingDetail", + }); + }, [serverHOST, serverType, deviceInfo, entryMenu, nowMenu, qrCurrentItem]); + + const QRCodeUrl = useMemo(() => { + if (type === "LIVE" && qrCurrentItem?.patncNm === "ShopLC") { + return detailUrl; + } + return qrCurrentItem?.qrcodeUrl; + }, [detailUrl, qrCurrentItem, type]); + return ( <> - {innerStylePosition && qrCurrentItem?.qrcodeUrl && ( + {innerStylePosition && QRCodeUrl && (