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

paginateInput added in useDiscover hook

Browse source
This commit is contained in:
NikolaBorislavovHristov 2019-10-28 11:27:43 +02:00
parent 55e0069d01
commit 13e3c1a85d
1 changed files with 66 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

67
src/routes/Discover/useDiscover.js
View file

@ -5,6 +5,7 @@ const DEFAULT_ADDON_TRANSPORT_URL = 'https://v3-cinemeta.strem.io/manifest.json'
const DEFAULT_CATALOG_ID = 'top';
const DEFAULT_TYPE = 'movie';
const NONE_EXTRA_VALUE = 'None';
const PAGE_SIZE = 100;
const useCatalog = (urlParams, queryParams) => {
const { core } = useServices();
@ -122,9 +123,73 @@ const useCatalog = (urlParams, queryParams) => {
return { title, options, selected, renderLabelText, onSelect };
})
];
const paginateInput = state.discover.load_next !== null || state.discover.load_prev !== null ?
{
selected: state.discover.load_next !== null ?
state.discover.load_next.path.extra.reduce((page, [name, value]) => {
if (name === 'skip') {
const parsedValue = parseInt(value);
if (!isNaN(parsedValue)) {
return Math.floor(parsedValue / 100);
}
}
return page;
}, 1)
:
state.discover.load_prev !== null ?
state.discover.load_prev.path.extra.reduce((page, [name, value]) => {
if (name === 'skip') {
const parsedValue = parseInt(value);
if (!isNaN(parsedValue)) {
return Math.floor(parsedValue / 100) + 2;
}
}
return page;
}, 1)
:
1,
onSelect: (event) => {
if (event.value < 1) {
return;
}
navigateWithLoad({
base: addonTransportUrl,
path: {
resource: 'catalog',
type_name: type,
id: catalogId,
extra: Array.from(queryParams.entries())
.concat([['skip', String((event.value - 1) * PAGE_SIZE)]])
.reduceRight((result, [name, value]) => {
if (name === 'skip') {
const optionsCount = result.reduce((optionsCount, [name]) => {
if (name === 'skip') {
optionsCount++;
}
return optionsCount;
}, 0);
if (optionsCount === 0) {
result.unshift([name, value]);
}
} else {
result.unshift([name, value]);
}
return result;
}, [])
}
});
}
}
:
null;
const items = state.discover.content.type === 'Ready' ? state.discover.content.content : null;
const error = state.discover.content.type === 'Err' ? JSON.stringify(state.discover.content.content) : null;
setDiscover([selectInputs, items, error]);
setDiscover([selectInputs, paginateInput, items, error]);
};
core.on('NewModel', onNewModel);
core.dispatch({