f81b20b4fd
* Use app routing to open reader Otherwise, the app loses the navigation history and won't open the last page (library) when closing the reader * Prevent setting 0 as grid width After the change of 4ebe6494f6c97c0d064c617f70b36682e6aedcb2, closing the reader and coming back to the library resulted in a single manga per row, due to the grids width being 0.
50 lines
1.5 KiB
TypeScript
50 lines
1.5 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, Tooltip } from '@mui/material';
|
|
import PlayArrowIcon from '@mui/icons-material/PlayArrow';
|
|
|
|
import { Link } from 'react-router-dom';
|
|
|
|
export const ContinueReadingButton = ({
|
|
showContinueReadingButton,
|
|
isLatestChapterRead,
|
|
nextChapterIndexToRead,
|
|
mangaLinkTo,
|
|
}: {
|
|
showContinueReadingButton: boolean;
|
|
isLatestChapterRead: boolean;
|
|
nextChapterIndexToRead: number;
|
|
mangaLinkTo: string;
|
|
}) => {
|
|
const { t } = useTranslation();
|
|
|
|
const isFirstChapter = nextChapterIndexToRead === 1;
|
|
|
|
if (!showContinueReadingButton || isLatestChapterRead) {
|
|
return null;
|
|
}
|
|
|
|
return (
|
|
<Tooltip title={t(isFirstChapter ? 'global.button.start' : 'global.button.resume')}>
|
|
<Button
|
|
variant="contained"
|
|
size="small"
|
|
sx={{ minWidth: 'unset' }}
|
|
component={Link}
|
|
to={`${mangaLinkTo}chapter/${nextChapterIndexToRead}`}
|
|
onClick={(e) => e.stopPropagation()}
|
|
onMouseDown={(e) => e.stopPropagation()}
|
|
>
|
|
<PlayArrowIcon />
|
|
</Button>
|
|
</Tooltip>
|
|
);
|
|
};
|