Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-04-09 08:10:53 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

useModelState integrated in useContinueWatching

Browse source
This commit is contained in:
NikolaBorislavovHristov 2019-12-05 16:25:49 +02:00
parent 8080f2e72e
commit c8c18eb1bf
1 changed files with 13 additions and 21 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

34
src/routes/Board/useContinueWatching.js
View file

@ -1,8 +1,11 @@
const React = require('react');
const { useServices } = require('stremio/services');
const { useModelState } = require('stremio/common');
const mapContinueWatchingState = (state) => {
const lib_items = state.continue_watching.lib_items.map((lib_item) => {
const initContinueWatchingState = () => ({
lib_items: []
});
const mapContinueWatchingState = (continue_watching) => {
const lib_items = continue_watching.lib_items.map((lib_item) => {
lib_item.href = `#/metadetails/${lib_item.type}/${lib_item._id}${lib_item.state.video_id !== null ? `/${lib_item.state.video_id}` : ''}`;
return lib_item;
});
@ -10,24 +13,13 @@ const mapContinueWatchingState = (state) => {
};
const useContinueWatching = () => {
const { core } = useServices();
const [continueWatching, setContinueWatching] = React.useState(() => {
const state = core.getState();
const continueWatching = mapContinueWatchingState(state);
return continueWatching;
return useModelState({
model: 'continue_watching',
action: null,
timeout: 5000,
map: mapContinueWatchingState,
init: initContinueWatchingState
});
React.useLayoutEffect(() => {
const onNewState = () => {
const state = core.getState();
const continueWatching = mapContinueWatchingState(state);
setContinueWatching(continueWatching);
};
core.on('NewModel', onNewState);
return () => {
core.off('NewModel', onNewState);
};
}, []);
return continueWatching;
};
module.exports = useContinueWatching;