55 lines
2.3 KiB
TypeScript
55 lines
2.3 KiB
TypeScript
/*
|
|
* Copyright (C) Contributors to the Suwayomi project
|
|
*
|
|
* This Source Code Form is subject to the terms of the Mozilla Public
|
|
* License, v. 2.0. If a copy of the MPL was not distributed with this
|
|
* file, You can obtain one at https://mozilla.org/MPL/2.0/.
|
|
*/
|
|
|
|
import { MutableRefObject, useLayoutEffect } from 'react';
|
|
import { Direction } from '@mui/material/styles';
|
|
import { ReadingDirection } from '@/modules/reader/types/Reader.types.ts';
|
|
import { getNextIndexFromPage, getPage } from '@/modules/reader/utils/ReaderProgressBar.utils.tsx';
|
|
import { DirectionOffset } from '@/Base.types.ts';
|
|
import { getScrollIntoViewInlineOption } from '@/modules/reader/utils/ReaderPager.utils.tsx';
|
|
import { ReaderStatePages } from '@/modules/reader/types/ReaderProgressBar.types.ts';
|
|
import { ReaderControls } from '@/modules/reader/services/ReaderControls.ts';
|
|
|
|
export const useReaderHandlePageSelection = (
|
|
pageToScrollToIndex: ReaderStatePages['pageToScrollToIndex'],
|
|
currentPageIndex: number,
|
|
pages: ReaderStatePages['pages'],
|
|
totalPages: number,
|
|
setPageToScrollToIndex: ReaderStatePages['setPageToScrollToIndex'],
|
|
updateCurrentPageIndex: ReturnType<typeof ReaderControls.useUpdateCurrentPageIndex>,
|
|
isContinuousReadingModeActive: boolean,
|
|
imageRefs: MutableRefObject<(HTMLElement | null)[]>,
|
|
themeDirection: Direction,
|
|
readingDirection: ReadingDirection,
|
|
) => {
|
|
useLayoutEffect(() => {
|
|
if (pageToScrollToIndex == null) {
|
|
return;
|
|
}
|
|
|
|
const pageToScrollTo = getPage(pageToScrollToIndex, pages);
|
|
|
|
if (isContinuousReadingModeActive) {
|
|
const directionOffset =
|
|
pageToScrollToIndex > currentPageIndex ? DirectionOffset.PREVIOUS : DirectionOffset.NEXT;
|
|
const imageRef = imageRefs.current[pageToScrollTo.pagesIndex];
|
|
|
|
imageRef?.scrollIntoView({
|
|
block: 'start',
|
|
inline: getScrollIntoViewInlineOption(directionOffset, themeDirection, readingDirection),
|
|
});
|
|
}
|
|
|
|
const newPageIndex = getNextIndexFromPage(pageToScrollTo);
|
|
const isLastPage = newPageIndex === totalPages - 1;
|
|
|
|
setPageToScrollToIndex(null);
|
|
updateCurrentPageIndex(newPageIndex, !isLastPage, isLastPage);
|
|
}, [pageToScrollToIndex]);
|
|
};
|