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

Show chapter transition warning for mobile progress bar open chapter buttons

Browse Source
This commit is contained in:
schroda
2025-01-20 17:33:13 +01:00
parent b7cb245abc
commit ca1c95cdfe
1 changed files with 4 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/modules/reader/components/overlay/progress-bar/variants/MobileReaderProgressBar.tsx
View File

@@ -22,7 +22,6 @@ import { getOptionForDirection } from '@/modules/theme/services/ThemeCreator.ts'
import { import {
IReaderSettings, IReaderSettings,
ProgressBarPosition, ProgressBarPosition,
ReaderResumeMode,
ReaderStateChapters, ReaderStateChapters,
TReaderScrollbarContext, TReaderScrollbarContext,
} from '@/modules/reader/types/Reader.types.ts'; } from '@/modules/reader/types/Reader.types.ts';
@@ -38,6 +37,7 @@ import { applyStyles } from '@/modules/core/utils/ApplyStyles.ts';
import { useResizeObserver } from '@/modules/core/hooks/useResizeObserver.tsx'; import { useResizeObserver } from '@/modules/core/hooks/useResizeObserver.tsx';
import { getProgressBarPosition } from '@/modules/reader/utils/ReaderSettings.utils.tsx'; import { getProgressBarPosition } from '@/modules/reader/utils/ReaderSettings.utils.tsx';
import { useReaderScrollbarContext } from '@/modules/reader/contexts/ReaderScrollbarContext.tsx'; import { useReaderScrollbarContext } from '@/modules/reader/contexts/ReaderScrollbarContext.tsx';
import { ReaderControls } from '@/modules/reader/services/ReaderControls.ts';
const PROGRESS_BAR_POSITION_TO_SLIDE_DIRECTION: Record<ProgressBarPosition, SlideProps['direction']> = { const PROGRESS_BAR_POSITION_TO_SLIDE_DIRECTION: Record<ProgressBarPosition, SlideProps['direction']> = {
[ProgressBarPosition.BOTTOM]: 'up', [ProgressBarPosition.BOTTOM]: 'up',
@@ -71,8 +71,7 @@ const BaseMobileReaderProgressBar = ({
topOffset?: number; topOffset?: number;
bottomOffset?: number; bottomOffset?: number;
}) => { }) => {
const openNextChapter = ReaderService.useNavigateToChapter(nextChapter, ReaderResumeMode.START); const openChapter = ReaderControls.useOpenChapter();
const openPreviousChapter = ReaderService.useNavigateToChapter(previousChapter, ReaderResumeMode.END);
const [, setRefreshProgressBarPosition] = useState({}); const [, setRefreshProgressBarPosition] = useState({});
useResizeObserver( useResizeObserver(
@@ -257,7 +256,7 @@ const BaseMobileReaderProgressBar = ({
}} }}
> >
<IconButton <IconButton
onClick={openPreviousChapter} onClick={() => openChapter('previous')}
disabled={!previousChapter} disabled={!previousChapter}
sx={{ sx={{
backgroundColor: (theme) => alpha(theme.palette.background.paper, 0.85), backgroundColor: (theme) => alpha(theme.palette.background.paper, 0.85),
@@ -330,7 +329,7 @@ const BaseMobileReaderProgressBar = ({
slots={progressBarCurrentPage} slots={progressBarCurrentPage}
/> />
<IconButton <IconButton
onClick={openNextChapter} onClick={() => openChapter('next')}
disabled={!nextChapter} disabled={!nextChapter}
sx={{ backgroundColor: (theme) => alpha(theme.palette.background.paper, 0.85), boxShadow: 2 }} sx={{ backgroundColor: (theme) => alpha(theme.palette.background.paper, 0.85), boxShadow: 2 }}
> >