Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-03-11 21:27:05 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

meta details state mapped in the initial state too

Browse source
This commit is contained in:
NikolaBorislavovHristov 2019-11-25 14:21:57 +02:00
parent a60e5ab082
commit 98fa16c9c1
1 changed files with 29 additions and 31 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

60
src/routes/MetaDetails/useMetaDetails.js
View file

@ -1,43 +1,41 @@
const React = require('react');
const { useServices } = require('stremio/services');
const mapMetaDetailsState = (state) => {
const selected = state.meta_details.selected;
const meta_groups = state.meta_details.meta_groups.map((meta_group) => {
if (meta_group.content.type === 'Ready') {
meta_group.content.content.released = new Date(meta_group.content.content.released);
meta_group.content.content.videos = meta_group.content.content.videos.map((video) => {
video.released = new Date(video.released);
video.upcoming = !isNaN(video.released.getTime()) ?
video.released.getTime() > Date.now()
:
false;
video.href = `#/metadetails/${meta_group.content.content.type}/${meta_group.content.content.id}/${video.id}`;
// TODO add watched and progress
return video;
});
}
return meta_group;
});
const streams_groups = state.meta_details.streams_groups;
return { selected, meta_groups, streams_groups };
};
const useMetaDetails = (urlParams) => {
const { core } = useServices();
const [metaDetails, setMetaDetails] = React.useState({
selected: {
meta_resource_ref: null,
streams_resource_ref: null
},
meta_groups: [],
streams_groups: []
const [metaDetails, setMetaDetails] = React.useState(() => {
const state = core.getState();
const metaDetails = mapMetaDetailsState(state);
return metaDetails;
});
React.useEffect(() => {
const onNewModel = () => {
const state = core.getState();
const selected = state.meta_details.selected;
const meta_groups = state.meta_details.meta_groups.map((meta_group) => {
if (meta_group.content.type === 'Ready') {
meta_group.content.content.released = new Date(meta_group.content.content.released);
meta_group.content.content.videos = meta_group.content.content.videos.map((video) => {
video.released = new Date(video.released);
video.upcoming = !isNaN(video.released.getTime()) ?
video.released.getTime() > Date.now()
:
false;
video.href = `#/metadetails/${meta_group.content.content.type}/${meta_group.content.content.id}/${video.id}`;
// TODO add watched and progress
return video;
});
}
return meta_group;
});
const streams_groups = state.meta_details.streams_groups;
setMetaDetails({
selected,
meta_groups,
streams_groups
});
const metaDetails = mapMetaDetailsState(state);
setMetaDetails(metaDetails);
};
core.on('NewModel', onNewModel);
core.dispatch({