64cbd4ae8d
* Dont show countdown on Lists * Add Repeat icon * Add Shuffle icon * Add Replay Icon * Add Replay Option to autoplayCountdown * Add Loop Control for Lists * Add Shuffle control for Lists * Improve View List Link and Fetch action * Add Play Button to List page * Add Shuffle Play Option on List Page and Menus * Fix Modal Remove Collection I18n * CSS: Fix Large list titles * Fix List playback on Floating Player * Add Theater Mode to its own class and fix bar text display * Add Play Next VJS component * Add Play Next Button * Add Play Previous VJS Component * Add Play Previous Button * Add Autoplay Next Button * Add separate control for autoplay next in list * Bump redux * Update CHANGELOG.md
59 lines
2.3 KiB
JavaScript
59 lines
2.3 KiB
JavaScript
import { connect } from 'react-redux';
|
|
import { doPlayUri, doSetPlayingUri, doSetPrimaryUri } from 'redux/actions/content';
|
|
import {
|
|
makeSelectFileInfoForUri,
|
|
makeSelectThumbnailForUri,
|
|
makeSelectClaimForUri,
|
|
makeSelectStreamingUrlForUri,
|
|
makeSelectClaimWasPurchased,
|
|
SETTINGS,
|
|
COLLECTIONS_CONSTS,
|
|
} from 'lbry-redux';
|
|
import { makeSelectCostInfoForUri } from 'lbryinc';
|
|
import { selectUserVerifiedEmail } from 'redux/selectors/user';
|
|
import { makeSelectClientSetting } from 'redux/selectors/settings';
|
|
import { withRouter } from 'react-router';
|
|
import {
|
|
makeSelectIsPlaying,
|
|
makeSelectShouldObscurePreview,
|
|
selectPlayingUri,
|
|
makeSelectInsufficientCreditsForUri,
|
|
makeSelectFileRenderModeForUri,
|
|
} from 'redux/selectors/content';
|
|
import FileRenderInitiator from './view';
|
|
import { doAnaltyicsPurchaseEvent } from 'redux/actions/app';
|
|
|
|
const select = (state, props) => {
|
|
const { search } = props.location;
|
|
const urlParams = new URLSearchParams(search);
|
|
const collectionId = urlParams.get(COLLECTIONS_CONSTS.COLLECTION_ID);
|
|
|
|
return {
|
|
claimThumbnail: makeSelectThumbnailForUri(props.uri)(state),
|
|
fileInfo: makeSelectFileInfoForUri(props.uri)(state),
|
|
obscurePreview: makeSelectShouldObscurePreview(props.uri)(state),
|
|
isPlaying: makeSelectIsPlaying(props.uri)(state),
|
|
playingUri: selectPlayingUri(state),
|
|
insufficientCredits: makeSelectInsufficientCreditsForUri(props.uri)(state),
|
|
streamingUrl: makeSelectStreamingUrlForUri(props.uri)(state),
|
|
autoplay: makeSelectClientSetting(SETTINGS.AUTOPLAY_MEDIA)(state),
|
|
hasCostInfo: Boolean(makeSelectCostInfoForUri(props.uri)(state)),
|
|
costInfo: makeSelectCostInfoForUri(props.uri)(state),
|
|
renderMode: makeSelectFileRenderModeForUri(props.uri)(state),
|
|
claim: makeSelectClaimForUri(props.uri)(state),
|
|
claimWasPurchased: makeSelectClaimWasPurchased(props.uri)(state),
|
|
authenticated: selectUserVerifiedEmail(state),
|
|
collectionId,
|
|
};
|
|
};
|
|
|
|
const perform = (dispatch) => ({
|
|
play: (uri, collectionId) => {
|
|
dispatch(doSetPrimaryUri(uri));
|
|
dispatch(doSetPlayingUri({ uri, collectionId }));
|
|
dispatch(doPlayUri(uri, undefined, undefined, (fileInfo) => dispatch(doAnaltyicsPurchaseEvent(fileInfo))));
|
|
},
|
|
});
|
|
|
|
export default withRouter(connect(select, perform)(FileRenderInitiator));
|