Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-04-21 07:32:02 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

hooks in player optimized

Browse source
This commit is contained in:
nklhrstv 2020-03-31 12:54:36 +03:00
parent faf6f9914a
commit b0801e6686
1 changed files with 4 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/routes/Player/Player.js
View file

@ -4,7 +4,7 @@ const classnames = require('classnames');
const debounce = require('lodash.debounce'); const debounce = require('lodash.debounce');
const { useRouteFocused } = require('stremio-router'); const { useRouteFocused } = require('stremio-router');
const { useServices } = require('stremio/services'); const { useServices } = require('stremio/services');
const { HorizontalNavBar, useDeepEqualEffect, useDeepEqualMemo, useFullscreen, useBinaryState, useToast } = require('stremio/common'); const { HorizontalNavBar, useDeepEqualEffect, useFullscreen, useBinaryState, useToast } = require('stremio/common');
const BufferingLoader = require('./BufferingLoader'); const BufferingLoader = require('./BufferingLoader');
const ControlBar = require('./ControlBar'); const ControlBar = require('./ControlBar');
const InfoMenu = require('./InfoMenu'); const InfoMenu = require('./InfoMenu');
@ -28,7 +28,7 @@ const Player = ({ urlParams }) => {
const [error, setError] = React.useState(null); const [error, setError] = React.useState(null);
const infoAvailable = React.useMemo(() => { const infoAvailable = React.useMemo(() => {
return player.meta_resource !== null && player.meta_resource.content.type === 'Ready'; return player.meta_resource !== null && player.meta_resource.content.type === 'Ready';
}, [player.meta_resource]); }, [player]);
const [videoState, setVideoState] = React.useReducer( const [videoState, setVideoState] = React.useReducer(
(videoState, nextVideoState) => ({ ...videoState, ...nextVideoState }), (videoState, nextVideoState) => ({ ...videoState, ...nextVideoState }),
{ {
@ -67,7 +67,7 @@ const Player = ({ urlParams }) => {
const onPropChanged = React.useCallback((propName, propValue) => { const onPropChanged = React.useCallback((propName, propValue) => {
setVideoState({ [propName]: propValue }); setVideoState({ [propName]: propValue });
}, []); }, []);
const onEnded = useDeepEqualMemo(() => () => { const onEnded = React.useCallback(() => {
core.dispatch({ action: 'Unload' }, 'player'); core.dispatch({ action: 'Unload' }, 'player');
if (player.lib_item !== null) { if (player.lib_item !== null) {
core.dispatch({ core.dispatch({
@ -82,7 +82,7 @@ const Player = ({ urlParams }) => {
// TODO go to next video // TODO go to next video
} }
window.history.back(); window.history.back();
}, [player.next_video, player.lib_item]); }, [player]);
const onError = React.useCallback((error) => { const onError = React.useCallback((error) => {
if (error.critical) { if (error.critical) {
setError(error); setError(error);