Move migration files into new folder

2024-10-05 21:35:25 +02:00
parent 7cf3849911
commit 17e42ae012
13 changed files with 22 additions and 22 deletions
--- a/src/modules/migration/components/MigrateDialog.tsx
+++ b/src/modules/migration/components/MigrateDialog.tsx
@@ -0,0 +1,128 @@
+/*
+ * 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 { useTranslation } from 'react-i18next';
+import Stack from '@mui/material/Stack';
+import { Link, useNavigate, useParams } from 'react-router-dom';
+import { useState } from 'react';
+import FormGroup from '@mui/material/FormGroup';
+import { CheckboxInput } from '@/modules/core/components/inputs/CheckboxInput.tsx';
+import { Mangas, MigrateMode } from '@/modules/manga/services/Mangas.ts';
+import { makeToast } from '@/lib/ui/Toast.ts';
+import {
+    createUpdateMetadataServerSettings,
+    useMetadataServerSettings,
+} from '@/lib/metadata/metadataServerSettings.ts';
+import { defaultPromiseErrorHandler } from '@/lib/DefaultPromiseErrorHandler.ts';
+import { MetadataMigrationSettings } from '@/modules/migration/Migration.types.ts';
+
+export const MigrateDialog = ({ mangaIdToMigrateTo, onClose }: { mangaIdToMigrateTo: number; onClose: () => void }) => {
+    const { t } = useTranslation();
+
+    const navigate = useNavigate();
+
+    const { mangaId: mangaIdAsString } = useParams<{ mangaId: string }>();
+    const mangaId = Number(mangaIdAsString);
+
+    const {
+        settings: { migrateChapters, migrateCategories, migrateTracking, deleteChapters },
+    } = useMetadataServerSettings();
+
+    const [isMigrationInProcess, setIsMigrationInProcess] = useState(false);
+
+    const setMigrationFlag = createUpdateMetadataServerSettings<keyof MetadataMigrationSettings>(
+        defaultPromiseErrorHandler('MigrateDialog::updateSetting'),
+    );
+
+    const migrate = async (mode: MigrateMode) => {
+        if (mangaId == null) {
+            throw new Error(`MigrateDialog::migrate: unexpected mangaId "${mangaId}"`);
+        }
+
+        makeToast(t('migrate.label.info'), 'info');
+
+        setIsMigrationInProcess(true);
+
+        try {
+            await Mangas.migrate(mangaId, mangaIdToMigrateTo, {
+                mode,
+                migrateChapters,
+                migrateCategories,
+                migrateTracking,
+                deleteChapters,
+            });
+
+            navigate(`/manga/${mangaIdToMigrateTo}`, { replace: true });
+        } catch (e) {
+            setIsMigrationInProcess(false);
+        }
+    };
+
+    return (
+        <Dialog open fullWidth onClose={onClose}>
+            <DialogTitle>{t('migrate.dialog.title')}</DialogTitle>
+            <DialogContent dividers>
+                <FormGroup>
+                    <CheckboxInput
+                        disabled={isMigrationInProcess}
+                        label={t('chapter.title_one')}
+                        checked={migrateChapters}
+                        onChange={(_, checked) => setMigrationFlag('migrateChapters', checked)}
+                    />
+                    <CheckboxInput
+                        disabled={isMigrationInProcess}
+                        label={t('category.title.category_one')}
+                        checked={migrateCategories}
+                        onChange={(_, checked) => setMigrationFlag('migrateCategories', checked)}
+                    />
+                    <CheckboxInput
+                        disabled={isMigrationInProcess}
+                        label={t('tracking.title')}
+                        checked={migrateTracking}
+                        onChange={(_, checked) => setMigrationFlag('migrateTracking', checked)}
+                    />
+                    <CheckboxInput
+                        disabled={isMigrationInProcess}
+                        label={t('migrate.dialog.label.delete_downloaded')}
+                        checked={deleteChapters}
+                        onChange={(_, checked) => setMigrationFlag('deleteChapters', checked)}
+                    />
+                </FormGroup>
+            </DialogContent>
+            <DialogActions>
+                <Stack
+                    direction="row"
+                    sx={{
+                        justifyContent: 'space-between',
+                        width: '100%',
+                    }}
+                >
+                    <Button disabled={isMigrationInProcess} component={Link} to={`/manga/${mangaIdToMigrateTo}`}>
+                        {t('migrate.dialog.action.button.show_entry')}
+                    </Button>
+                    <Stack direction="row">
+                        <Button disabled={isMigrationInProcess} onClick={onClose}>
+                            {t('global.button.cancel')}
+                        </Button>
+                        <Button disabled={isMigrationInProcess} onClick={() => migrate('copy')}>
+                            {t('global.button.copy')}
+                        </Button>
+                        <Button disabled={isMigrationInProcess} onClick={() => migrate('migrate')}>
+                            {t('global.button.migrate')}
+                        </Button>
+                    </Stack>
+                </Stack>
+            </DialogActions>
+        </Dialog>
+    );
+};