Add manga migrate option to menu on mobile devices (#584)

Should have been added with e0c5e05
Suwayomi · Jan 29, 2024 · d6468bc · d6468bc
1 parent 6716339
commit d6468bc
Showing 1 changed file with 24 additions and 11 deletions.
diff --git 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>
                 </>