mirrors/jellyfin-web
1
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web synced 2025-03-30 19:56:21 +00:00
Code Activity

apply suggestion

Browse source
This commit is contained in:
grafixeyehero 2022-10-14 02:07:54 +03:00
parent 1ac97c878a
commit f40c565e4a
12 changed files with 70 additions and 68 deletions
Download patch file Download diff file Expand all files Collapse all files

18
src/view/components/Pagination.tsx
View file

@ -3,16 +3,18 @@ import React, { FC, useCallback, useEffect, useRef } from 'react';
import IconButtonElement from '../../elements/IconButtonElement';
import globalize from '../../scripts/globalize';
import * as userSettings from '../../scripts/settings/userSettings';
import { QueryI } from './interface';
interface PaginationI {
startIndex: number
setStartIndex: React.Dispatch<React.SetStateAction<number>>;
interface PaginationProps {
query: QueryI;
setQuery: React.Dispatch<React.SetStateAction<QueryI>>;
itemsResult?: BaseItemDtoQueryResult;
}
const Pagination: FC<PaginationI> = ({ startIndex, setStartIndex, itemsResult = {} }) => {
const Pagination: FC<PaginationProps> = ({ query, setQuery, itemsResult = {} }) => {
const limit = userSettings.libraryPageSize(undefined);
const totalRecordCount = itemsResult.TotalRecordCount || 0;
const startIndex = query.StartIndex || 0;
const recordsEnd = Math.min(startIndex + limit, totalRecordCount);
const showControls = limit < totalRecordCount;
const element = useRef<HTMLDivElement>(null);
@ -20,16 +22,16 @@ const Pagination: FC<PaginationI> = ({ startIndex, setStartIndex, itemsResult =
const onNextPageClick = useCallback(() => {
if (limit > 0) {
const newIndex = startIndex + limit;
setStartIndex(newIndex);
setQuery({StartIndex: newIndex});
}
}, [limit, setStartIndex, startIndex]);
}, [limit, setQuery, startIndex]);
const onPreviousPageClick = useCallback(() => {
if (limit > 0) {
const newIndex = Math.max(0, startIndex - limit);
setStartIndex(newIndex);
setQuery({StartIndex: newIndex});
}
}, [limit, setStartIndex, startIndex]);
}, [limit, setQuery, startIndex]);
useEffect(() => {
const btnNextPage = element.current?.querySelector('.btnNextPage') as HTMLButtonElement;