From d6468bca57e9cdfd69531fb1e994a4bbc16a42bc Mon Sep 17 00:00:00 2001
From: schroda <50052685+schroda@users.noreply.github.com>
Date: Mon, 29 Jan 2024 20:55:26 +0100
Subject: [PATCH] Add manga migrate option to menu on mobile devices (#584)

Should have been added with e0c5e0521dbb56e3cfa2d7b3738908acf250feab
---
 src/components/manga/MangaToolbarMenu.tsx | 35 ++++++++++++++++-------
 1 file changed, 24 insertions(+), 11 deletions(-)

diff --git a/src/components/manga/MangaToolbarMenu.tsx b/src/components/manga/MangaToolbarMenu.tsx
index 3f021715..db3ac178 100644
--- a/src/components/manga/MangaToolbarMenu.tsx
+++ b/src/components/manga/MangaToolbarMenu.tsx
@@ -117,17 +117,30 @@ export const MangaToolbarMenu = ({ manga, onRefresh, refreshing }: IProps) => {
                             <ListItemText>{t('manga.label.reload_from_source')}</ListItemText>
                         </MenuItem>
                         {manga.inLibrary && (
-                            <MenuItem
-                                onClick={() => {
-                                    setEditCategories(true);
-                                    handleClose();
-                                }}
-                            >
-                                <ListItemIcon>
-                                    <Label fontSize="small" />
-                                </ListItemIcon>
-                                <ListItemText>{t('manga.label.edit_categories')}</ListItemText>
-                            </MenuItem>
+                            <>
+                                <MenuItem
+                                    component={Link}
+                                    to={`/migrate/source/${manga.source?.id}/manga/${manga.id}/search?query=${manga.title}`}
+                                    state={{ mangaTitle: manga.title }}
+                                    style={{ textDecoration: 'none', color: 'inherit' }}
+                                >
+                                    <ListItemIcon>
+                                        <SyncAltIcon fontSize="small" />
+                                    </ListItemIcon>
+                                    <ListItemText>{t('migrate.title')}</ListItemText>
+                                </MenuItem>
+                                <MenuItem
+                                    onClick={() => {
+                                        setEditCategories(true);
+                                        handleClose();
+                                    }}
+                                >
+                                    <ListItemIcon>
+                                        <Label fontSize="small" />
+                                    </ListItemIcon>
+                                    <ListItemText>{t('manga.label.edit_categories')}</ListItemText>
+                                </MenuItem>
+                            </>
                         )}
                     </Menu>
                 </>