81 lines
2.6 KiB
TypeScript
81 lines
2.6 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 { useMemo } from 'react';
|
|
import IconButton from '@mui/material/IconButton';
|
|
import RefreshIcon from '@mui/icons-material/Refresh';
|
|
import CircularProgress from '@mui/material/CircularProgress';
|
|
import { Box } from '@mui/material';
|
|
import Typography from '@mui/material/Typography';
|
|
import { useTranslation } from 'react-i18next';
|
|
import requestManager from '@/lib/requests/RequestManager.ts';
|
|
import makeToast from '@/components/util/Toast';
|
|
import { UpdaterSubscription } from '@/lib/graphql/generated/graphql.ts';
|
|
|
|
interface IProgressProps {
|
|
progress: number;
|
|
}
|
|
|
|
function Progress({ progress }: IProgressProps) {
|
|
return (
|
|
<Box sx={{ display: 'grid', placeItems: 'center', position: 'relative' }}>
|
|
<CircularProgress variant="determinate" value={progress} />
|
|
<Box sx={{ position: 'absolute' }}>
|
|
<Typography fontSize="0.8rem">{`${Math.round(progress)}%`}</Typography>
|
|
</Box>
|
|
</Box>
|
|
);
|
|
}
|
|
|
|
const calcProgress = (status: UpdaterSubscription['updateStatusChanged'] | undefined) => {
|
|
if (!status) {
|
|
return 0;
|
|
}
|
|
|
|
const finishedUpdates = status.failedJobs.mangas.totalCount + status.completeJobs.mangas.totalCount;
|
|
const totalMangas = finishedUpdates + status.pendingJobs.mangas.totalCount + status.runningJobs.mangas.totalCount;
|
|
|
|
const progress = 100 * (finishedUpdates / totalMangas);
|
|
|
|
return Number.isNaN(progress) ? 0 : progress;
|
|
};
|
|
|
|
function UpdateChecker() {
|
|
const { t } = useTranslation();
|
|
|
|
const { data: updaterData } = requestManager.useUpdaterSubscription();
|
|
const status = updaterData?.updateStatusChanged;
|
|
|
|
const loading = !!status?.isRunning;
|
|
const progress = useMemo(
|
|
() => calcProgress(status),
|
|
[
|
|
status?.failedJobs.mangas.totalCount,
|
|
status?.completeJobs.mangas.totalCount,
|
|
status?.pendingJobs.mangas.totalCount,
|
|
status?.runningJobs.mangas.totalCount,
|
|
],
|
|
);
|
|
|
|
const onClick = async () => {
|
|
try {
|
|
await requestManager.startGlobalUpdate().response;
|
|
} catch (e) {
|
|
makeToast(t('global.error.label.update_failed'), 'error');
|
|
}
|
|
};
|
|
|
|
return (
|
|
<IconButton onClick={onClick} disabled={loading}>
|
|
{loading ? <Progress progress={progress} /> : <RefreshIcon />}
|
|
</IconButton>
|
|
);
|
|
}
|
|
|
|
export default UpdateChecker;
|