Mirrors/Dispatcharr
1
0
Fork 1
mirror of https://github.com/Dispatcharr/Dispatcharr.git synced 2026-07-25 11:04:07 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Persist page size in localStorage and update page size change handler in VODsPage component

Browse source
This commit is contained in:
SergeantPanda 2025-09-11 11:00:47 -05:00
parent 92b4e9e348
commit f797e6fff5
1 changed files with 15 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

16
frontend/src/pages/VODs.jsx
View file

@ -274,6 +274,20 @@ const VODsPage = () => {
const setFilters = useVODStore((s) => s.setFilters);
const setPage = useVODStore((s) => s.setPage);
const setPageSize = useVODStore((s) => s.setPageSize);
// Persist page size in localStorage
useEffect(() => {
const stored = localStorage.getItem('vodsPageSize');
if (stored && !isNaN(Number(stored)) && Number(stored) !== pageSize) {
setPageSize(Number(stored));
}
// eslint-disable-next-line
}, []);
const handlePageSizeChange = (value) => {
setPageSize(Number(value));
localStorage.setItem('vodsPageSize', value);
};
const fetchMovies = useVODStore((s) => s.fetchMovies);
const fetchSeries = useVODStore((s) => s.fetchSeries);
const fetchCategories = useVODStore((s) => s.fetchCategories);
@ -434,7 +448,7 @@ const VODsPage = () => {
<Select
label="Page Size"
value={String(pageSize)}
onChange={(value) => setPageSize(Number(value))}
onChange={handlePageSizeChange}
data={['12', '24', '48', '96'].map((v) => ({
value: v,
label: v,