916abd3bb1
- open from outside reader - is read - yes: 1st page - no : last read page - inside reader via - chapter selection: first page - previous chapter : last page - next chapter : first page
52 lines
1.7 KiB
TypeScript
52 lines
1.7 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 { useTranslation } from 'react-i18next';
|
|
import Button from '@mui/material/Button';
|
|
import Tooltip from '@mui/material/Tooltip';
|
|
import PlayArrowIcon from '@mui/icons-material/PlayArrow';
|
|
|
|
import { Link } from 'react-router-dom';
|
|
import { ChapterReadInfo, Chapters, ChapterSourceOrderInfo } from '@/modules/chapter/services/Chapters.ts';
|
|
|
|
export const ContinueReadingButton = ({
|
|
showContinueReadingButton,
|
|
chapter,
|
|
mangaLinkTo,
|
|
}: {
|
|
showContinueReadingButton: boolean;
|
|
chapter?: (ChapterSourceOrderInfo & ChapterReadInfo) | null;
|
|
mangaLinkTo: string;
|
|
}) => {
|
|
const { t } = useTranslation();
|
|
|
|
if (!showContinueReadingButton || !chapter) {
|
|
return null;
|
|
}
|
|
|
|
const { sourceOrder } = chapter;
|
|
const isFirstChapter = sourceOrder === 1;
|
|
|
|
return (
|
|
<Tooltip title={t(isFirstChapter ? 'global.button.start' : 'global.button.resume')}>
|
|
<Button
|
|
variant="contained"
|
|
size="small"
|
|
sx={{ minWidth: 'unset', py: 0.5, px: 0.75 }}
|
|
component={Link}
|
|
to={`${mangaLinkTo}chapter/${chapter.sourceOrder}`}
|
|
state={{ resumeMode: Chapters.getReaderResumeMode(chapter) }}
|
|
onClick={(e) => e.stopPropagation()}
|
|
onMouseDown={(e) => e.stopPropagation()}
|
|
>
|
|
<PlayArrowIcon />
|
|
</Button>
|
|
</Tooltip>
|
|
);
|
|
};
|