Optionally select bulk migration match based on highest chapter number

2026-05-08 17:37:12 +02:00
parent 6b234ff9bc
commit 67bb2248c4
6 changed files with 197 additions and 38 deletions
@@ -0,0 +1,93 @@
+/*
+ * 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 Dialog from '@mui/material/Dialog';
+import DialogTitle from '@mui/material/DialogTitle';
+import DialogContent from '@mui/material/DialogContent';
+import DialogActions from '@mui/material/DialogActions';
+import Button from '@mui/material/Button';
+import Stack from '@mui/material/Stack';
+import { useLingui } from '@lingui/react/macro';
+import { CheckboxInput } from '@/base/components/inputs/CheckboxInput.tsx';
+import type { AwaitableComponentProps } from 'awaitable-component';
+import Typography from '@mui/material/Typography';
+import WarningIcon from '@mui/icons-material/Warning';
+import { useState } from 'react';
+import type { MigrationBulkSearchSettings } from '@/features/migration/Migration.types.ts';
+
+export const MigrationBulkSearchOptionsDialog = ({
+    isVisible,
+    onDismiss,
+    onSubmit,
+    onExitComplete,
+}: AwaitableComponentProps<MigrationBulkSearchSettings>) => {
+    const { t } = useLingui();
+
+    const [selectHighestChapterNumberSource, setSelectHighestChapterNumberSource] = useState(false);
+
+    return (
+        <Dialog open={isVisible} fullWidth onClose={onDismiss} onTransitionExited={onExitComplete}>
+            <DialogTitle>{t`Search options`}</DialogTitle>
+            <DialogContent dividers>
+                <Stack
+                    direction="row"
+                    sx={{
+                        alignItems: 'center',
+                    }}
+                >
+                    <WarningIcon color="warning" />
+                    <Typography
+                        variant="body1"
+                        sx={{
+                            marginLeft: '10px',
+                            marginTop: '5px',
+                            whiteSpace: 'pre-line',
+                        }}
+                        color="error"
+                    >
+                        {t`These options are slow and dangerous and may lead to restrictions from sources`}
+                    </Typography>
+                </Stack>
+                <CheckboxInput
+                    label={
+                        <Stack
+                            sx={{
+                                // Padding comes from the MUI Checkbox component
+                                pt: '9px',
+                            }}
+                        >
+                            <Typography>{t`Match based on chapter number`}</Typography>
+                            <Typography
+                                variant="body2"
+                                color="textSecondary"
+                            >{t`If enabled, chooses the match furthest ahead.\nOtherwise, picks the first match by source priority.`}</Typography>
+                        </Stack>
+                    }
+                    sx={{
+                        alignItems: 'start',
+                    }}
+                    checked={selectHighestChapterNumberSource}
+                    onChange={(_, checked) => setSelectHighestChapterNumberSource(checked)}
+                />
+            </DialogContent>
+            <DialogActions>
+                <Button onClick={onDismiss}>{t`Cancel`}</Button>
+                <Button
+                    variant="contained"
+                    onClick={() =>
+                        onSubmit({
+                            selectHighestChapterNumberSource,
+                        })
+                    }
+                >
+                    {t`Search`}
+                </Button>
+            </DialogActions>
+        </Dialog>
+    );
+};