optrader/shoptime
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[No Jira Issue] VideoOverlayWithPhoneNumber 중복 제거

Browse Source 
VideoOverlayWithPhoneNumber 를 중복으로 편성한 문제 수정
This commit is contained in:
yonghyon
2024-10-28 15:43:41 +09:00
parent aec2adba2a
commit 7e74373b4d
4 changed files with 32 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

53
com.twin.app.shoptime/src/components/VideoPlayer/VideoPlayer.js
View File

@@ -2317,34 +2317,37 @@ const VideoPlayerBase = class extends React.Component {
</div>
</>
)}
{panelInfo.modal && orderPhnNo && (
{orderPhnNo && (
<VideoOverlayWithPhoneNumber
className={classNames(
type === "MEDIA"
? css.videoOverlayMedia
: css.videoOverlayWithPhoneNumber,
countryCode === "RU" ? css.ru : "",
countryCode === "US" ? css.us : "",
videoVerticalVisible === "true" ? css.vertical : css.horizontal,
panelInfo?.chanId === "USQVC" ||
panelInfo?.patnrNm === "QVC" ||
panelInfo?.patncNm === "QVC"
? css.qvc
: "",
panelInfo?.chanId === "USHSN" ||
panelInfo?.patnrNm === "HSN" ||
panelInfo?.patncNm === "HSN"
? css.hsn
: "",
panelInfo?.modal === true &&
panelInfo?.hotPicksType &&
(panelInfo?.hotPicksType === "TCFV_2" ||
panelInfo?.hotPicksType === "TCFV_4") &&
css.callToOrderHide
)}
className={
panelInfo?.modal
? classNames(
type === "MEDIA" ? css.videoOverlayMedia : css.videoOverlayWithPhoneNumber,
countryCode === "RU" ? css.ru : "",
countryCode === "US" ? css.us : "",
videoVerticalVisible === "true" ? css.vertical : css.horizontal,
panelInfo?.chanId === "USQVC" ||
panelInfo?.patnrNm === "QVC" ||
panelInfo?.patncNm === "QVC"
? css.qvc
: "",
panelInfo?.chanId === "USHSN" ||
panelInfo?.patnrNm === "HSN" ||
panelInfo?.patncNm === "HSN"
? css.hsn
: "",
panelInfo?.modal === true &&
panelInfo?.hotPicksType &&
(panelInfo?.hotPicksType === "TCFV_2" ||
panelInfo?.hotPicksType === "TCFV_4") &&
css.callToOrderHide
)
: css.videoOverlayWithPhoneNumberFull
}
patnerName={panelInfo?.modal ? null : playListInfo?.[selectedIndex]?.patncNm}
chanId={panelInfo?.modal ? null : panelInfo?.chanId}
orderPhnNo={orderPhnNo}
modal={panelInfo.modal}
show
/>
)}

5
com.twin.app.shoptime/src/components/VideoPlayer/VideoPlayer.module.less
View File

@@ -109,7 +109,10 @@
}
}
}
.videoOverlayWithPhoneNumberFull {
bottom: 59px;
left: 141px;
}
.videoOverlayWithPhoneNumber {
display: none;
&.ru {

12
com.twin.app.shoptime/src/views/PlayerPanel/PlayerPanel.jsx
View File

@@ -33,7 +33,6 @@ import {
} from "../../actions/playActions";
import { convertUtcToLocal } from "../../components/MediaPlayer/util";
import TPanel from "../../components/TPanel/TPanel";
import VideoOverlayWithPhoneNumber from "../../components/VideoOverlayWithPhoneNumber/VideoOverlayWithPhoneNumber";
import Media from "../../components/VideoPlayer/Media";
import TReactPlayer from "../../components/VideoPlayer/TReactPlayer";
import { VideoPlayer } from "../../components/VideoPlayer/VideoPlayer";
@@ -1944,17 +1943,6 @@ const PlayerPanel = ({
</VideoPlayer>
)}
{/* Overlay Area */}
{playListInfo && orderPhoneNumber && (
<VideoOverlayWithPhoneNumber
className={css.videoOverlayWithPhoneNumber}
orderPhnNo={orderPhoneNumber}
patnerName={playListInfo[selectedIndex]?.patncNm}
chanId={panelInfo?.chanId}
modal={panelInfo?.modal}
/>
)}
{isQRCodeVisible && (
<PlayerOverlayQRCode
smallestOffsetHourIndex={smallestOffsetHourIndex}

6
com.twin.app.shoptime/src/views/PlayerPanel/PlayerPanel.module.less
View File

@@ -39,11 +39,6 @@
background-image: url(../../../assets/images/btn/btn-toopen-foc.svg);
}
.videoOverlayWithPhoneNumber {
bottom: 59px;
left: 141px;
}
.videoReduce {
.size(@w:78px, @h:78px);
background: url("../../../assets/images/btn/btn-video-min-nor@3x.png")
@@ -69,7 +64,6 @@
z-index: 1;
background-color: @videoBackgroundColor;
overflow: visible;
.videoOverlayWithPhoneNumber,
.tabContainer,
.arrow,
.toOpenBtn {