48 lines
1.4 KiB
JavaScript
48 lines
1.4 KiB
JavaScript
|
// @flow
|
||
|
|
import React from 'react';
|
||
|
|
import { generateListSearchUrlParams, formatLbryUrlForWeb } from 'util/url';
|
||
|
|
import { useHistory } from 'react-router';
|
||
|
|
|
||
|
|
// Returns web blob from the streaming url
|
||
|
|
export default function usePlayNext(
|
||
|
|
isFloating: boolean,
|
||
|
|
collectionId: ?string,
|
||
|
|
shouldPlayNext: boolean,
|
||
|
|
nextListUri: ?string,
|
||
|
|
previousListUri: ?string,
|
||
|
|
doNavigate: boolean,
|
||
|
|
doUriInitiatePlay: (uri: string, collectionId: ?string, isPlayable: ?boolean, isFloating: ?boolean) => void,
|
||
|
|
resetState: () => void
|
||
|
|
) {
|
||
|
|
const { push } = useHistory();
|
||
|
|
|
||
|
|
const doPlay = React.useCallback(
|
||
|
|
(playUri) => {
|
||
|
|
if (!isFloating) {
|
||
|
|
const navigateUrl = formatLbryUrlForWeb(playUri);
|
||
|
|
|
||
|
|
push({
|
||
|
|
pathname: navigateUrl,
|
||
|
|
search: collectionId && generateListSearchUrlParams(collectionId),
|
||
|
|
state: { collectionId, forceAutoplay: true, hideFloatingPlayer: true },
|
||
|
|
});
|
||
|
|
} else {
|
||
|
|
doUriInitiatePlay(playUri, collectionId, true, isFloating);
|
||
|
|
}
|
||
|
|
|
||
|
|
resetState();
|
||
|
|
},
|
||
|
|
[collectionId, doUriInitiatePlay, isFloating, push, resetState]
|
||
|
|
);
|
||
|
|
|
||
|
|
React.useEffect(() => {
|
||
|
|
if (!doNavigate) return;
|
||
|
|
|
||
|
|
if (shouldPlayNext) {
|
||
|
|
if (nextListUri) doPlay(nextListUri);
|
||
|
|
} else {
|
||
|
|
if (previousListUri) doPlay(previousListUri);
|
||
|
|
}
|
||
|
|
}, [doNavigate, doPlay, nextListUri, shouldPlayNext, previousListUri]);
|
||
|
|
}
|