revert embedNoEnd and modify preferEmbed end display
This commit is contained in:
parent
b42e882a02
commit
8335974963
3 changed files with 20 additions and 25 deletions
|
@ -6,7 +6,6 @@ import {
|
||||||
COLLECTIONS_CONSTS,
|
COLLECTIONS_CONSTS,
|
||||||
makeSelectNextUrlForCollectionAndUrl,
|
makeSelectNextUrlForCollectionAndUrl,
|
||||||
makeSelectPreviousUrlForCollectionAndUrl,
|
makeSelectPreviousUrlForCollectionAndUrl,
|
||||||
makeSelectTagInClaimOrChannelForUri,
|
|
||||||
} from 'lbry-redux';
|
} from 'lbry-redux';
|
||||||
import {
|
import {
|
||||||
doChangeVolume,
|
doChangeVolume,
|
||||||
|
@ -25,7 +24,6 @@ import { doClaimEligiblePurchaseRewards } from 'redux/actions/rewards';
|
||||||
import { selectDaemonSettings, makeSelectClientSetting, selectHomepageData } from 'redux/selectors/settings';
|
import { selectDaemonSettings, makeSelectClientSetting, selectHomepageData } from 'redux/selectors/settings';
|
||||||
import { toggleVideoTheaterMode, toggleAutoplayNext, doSetClientSetting } from 'redux/actions/settings';
|
import { toggleVideoTheaterMode, toggleAutoplayNext, doSetClientSetting } from 'redux/actions/settings';
|
||||||
import { selectUserVerifiedEmail, selectUser } from 'redux/selectors/user';
|
import { selectUserVerifiedEmail, selectUser } from 'redux/selectors/user';
|
||||||
import { PREFERENCE_EMBED } from 'constants/tags';
|
|
||||||
|
|
||||||
const select = (state, props) => {
|
const select = (state, props) => {
|
||||||
const { search } = props.location;
|
const { search } = props.location;
|
||||||
|
@ -56,7 +54,6 @@ const select = (state, props) => {
|
||||||
nextRecommendedUri,
|
nextRecommendedUri,
|
||||||
previousListUri,
|
previousListUri,
|
||||||
isMarkdownOrComment,
|
isMarkdownOrComment,
|
||||||
preferEmbed: makeSelectTagInClaimOrChannelForUri(props.uri, PREFERENCE_EMBED)(state),
|
|
||||||
autoplayIfEmbedded: Boolean(autoplay),
|
autoplayIfEmbedded: Boolean(autoplay),
|
||||||
autoplayNext: makeSelectClientSetting(SETTINGS.AUTOPLAY_NEXT)(state),
|
autoplayNext: makeSelectClientSetting(SETTINGS.AUTOPLAY_NEXT)(state),
|
||||||
volume: selectVolume(state),
|
volume: selectVolume(state),
|
||||||
|
|
|
@ -64,7 +64,6 @@ type Props = {
|
||||||
previousListUri: string,
|
previousListUri: string,
|
||||||
videoTheaterMode: boolean,
|
videoTheaterMode: boolean,
|
||||||
isMarkdownOrComment: boolean,
|
isMarkdownOrComment: boolean,
|
||||||
preferEmbed: boolean,
|
|
||||||
};
|
};
|
||||||
|
|
||||||
/*
|
/*
|
||||||
|
@ -107,7 +106,6 @@ function VideoViewer(props: Props) {
|
||||||
previousListUri,
|
previousListUri,
|
||||||
videoTheaterMode,
|
videoTheaterMode,
|
||||||
isMarkdownOrComment,
|
isMarkdownOrComment,
|
||||||
preferEmbed,
|
|
||||||
} = props;
|
} = props;
|
||||||
const permanentUrl = claim && claim.permanent_url;
|
const permanentUrl = claim && claim.permanent_url;
|
||||||
const adApprovedChannelIds = homepageData ? getAllIds(homepageData) : [];
|
const adApprovedChannelIds = homepageData ? getAllIds(homepageData) : [];
|
||||||
|
@ -355,9 +353,7 @@ function VideoViewer(props: Props) {
|
||||||
|
|
||||||
// first play tracking, used for initializing the watchman api
|
// first play tracking, used for initializing the watchman api
|
||||||
player.on('tracking:firstplay', doTrackingFirstPlay);
|
player.on('tracking:firstplay', doTrackingFirstPlay);
|
||||||
player.on('ended', () => {
|
player.on('ended', () => setEnded(true));
|
||||||
if (!preferEmbed) setEnded(true);
|
|
||||||
});
|
|
||||||
player.on('play', onPlay);
|
player.on('play', onPlay);
|
||||||
player.on('pause', (event) => onPause(event, player));
|
player.on('pause', (event) => onPause(event, player));
|
||||||
player.on('dispose', (event) => onDispose(event, player));
|
player.on('dispose', (event) => onDispose(event, player));
|
||||||
|
|
|
@ -44,8 +44,7 @@ function FileViewerEmbeddedEnded(props: Props) {
|
||||||
<Logo type={'embed'} />
|
<Logo type={'embed'} />
|
||||||
</Button>
|
</Button>
|
||||||
</div>
|
</div>
|
||||||
{!preferEmbed && (
|
|
||||||
<>
|
|
||||||
<div className="file-viewer__overlay-title file-viewer_embed-ended-title">
|
<div className="file-viewer__overlay-title file-viewer_embed-ended-title">
|
||||||
<p>{prompt}</p>
|
<p>{prompt}</p>
|
||||||
</div>
|
</div>
|
||||||
|
@ -55,12 +54,15 @@ function FileViewerEmbeddedEnded(props: Props) {
|
||||||
<Button
|
<Button
|
||||||
title={__('Replay')}
|
title={__('Replay')}
|
||||||
button="link"
|
button="link"
|
||||||
|
label={preferEmbed ? __('Replay') : undefined}
|
||||||
iconRight={ICONS.REPLAY}
|
iconRight={ICONS.REPLAY}
|
||||||
onClick={() => {
|
onClick={() => {
|
||||||
if (window.player) window.player.play();
|
if (window.player) window.player.play();
|
||||||
}}
|
}}
|
||||||
/>
|
/>
|
||||||
)}
|
)}
|
||||||
|
{!preferEmbed && (
|
||||||
|
<>
|
||||||
<Button label={__('Discuss')} iconRight={ICONS.EXTERNAL} button="primary" href={lbrytvLink} />
|
<Button label={__('Discuss')} iconRight={ICONS.EXTERNAL} button="primary" href={lbrytvLink} />
|
||||||
{!isAuthenticated && (
|
{!isAuthenticated && (
|
||||||
<Button
|
<Button
|
||||||
|
@ -70,9 +72,9 @@ function FileViewerEmbeddedEnded(props: Props) {
|
||||||
/>
|
/>
|
||||||
)}
|
)}
|
||||||
</>
|
</>
|
||||||
</div>
|
|
||||||
</>
|
|
||||||
)}
|
)}
|
||||||
|
</>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue