ChoChoX/suwayomi-material-you-webui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add hotkeys to switch auto scroll direction

Browse Source 
While auto scroll is active, the direction can be changed via the "scroll backward/forward" hotkeys
This commit is contained in:
schroda
2025-07-04 03:31:33 +02:00
parent 0fbab00b06
commit da78ce3181
4 changed files with 56 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/modules/reader/contexts/ReaderAutoScrollContextProvider.tsx
View File

@@ -21,6 +21,8 @@ import { isContinuousReadingMode } from '@/modules/reader/utils/ReaderSettings.u
import { withPropsFrom } from '@/modules/core/hoc/withPropsFrom.tsx';
import { ReaderService } from '@/modules/reader/services/ReaderService.ts';
import { CONTINUOUS_READING_MODE_TO_SCROLL_DIRECTION } from '@/modules/reader/constants/ReaderSettings.constants.tsx';
import { ScrollOffset } from '@/modules/core/Core.types.ts';
import { getOptionForDirection } from '@/modules/theme/services/ThemeCreator.ts';
const BaseReaderAutoScrollContextProvider = ({
children,
@@ -36,8 +38,17 @@ const BaseReaderAutoScrollContextProvider = ({
combinedDirection: Direction;
}) => {
const [scrollRef, setScrollRef] = useState<TReaderAutoScrollContext['scrollRef']>();
const [direction, setDirection] = useState<ScrollOffset>(ScrollOffset.FORWARD);
const invertScrolling = readingMode === ReadingMode.CONTINUOUS_HORIZONTAL && themeDirection !== combinedDirection;
const isScrollingInvertedBasedOnReadingDirection =
readingMode === ReadingMode.CONTINUOUS_HORIZONTAL && themeDirection !== combinedDirection;
const invertScrolling = isScrollingInvertedBasedOnReadingDirection
? getOptionForDirection(
direction === ScrollOffset.BACKWARD,
direction === ScrollOffset.FORWARD,
combinedDirection,
)
: direction === ScrollOffset.BACKWARD;
const isContinuousReadingModeActive = isContinuousReadingMode(readingMode);
const changePage = useCallback(() => {
@@ -57,6 +68,7 @@ const BaseReaderAutoScrollContextProvider = ({
() => ({
scrollRef,
setScrollRef,
setDirection,
...automaticScrolling,
}),
[scrollRef, automaticScrolling],