From 23c353d52e51cca8a5d0a2b71fdf8f91363a50aa Mon Sep 17 00:00:00 2001
From: schroda <50052685+schroda@users.noreply.github.com>
Date: Fri, 29 Mar 2024 00:15:31 +0100
Subject: [PATCH] Prevent fragment inside MUI Menu (#678)

---
 src/components/manga/MangaToolbarMenu.tsx | 52 +++++++++++------------
 1 file changed, 26 insertions(+), 26 deletions(-)

diff --git a/src/components/manga/MangaToolbarMenu.tsx b/src/components/manga/MangaToolbarMenu.tsx
index 10499298..5b99043f 100644
--- a/src/components/manga/MangaToolbarMenu.tsx
+++ b/src/components/manga/MangaToolbarMenu.tsx
@@ -118,32 +118,32 @@ export const MangaToolbarMenu = ({ manga, onRefresh, refreshing }: IProps) => {
                             </ListItemIcon>
                             <ListItemText>{t('manga.label.reload_from_source')}</ListItemText>
                         </MenuItem>
-                        {manga.inLibrary && (
-                            <>
-                                <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>
-                            </>
-                        )}
+                        {manga.inLibrary && [
+                            <MenuItem
+                                key="migrate"
+                                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
+                                key="categories"
+                                onClick={() => {
+                                    setEditCategories(true);
+                                    handleClose();
+                                }}
+                            >
+                                <ListItemIcon>
+                                    <Label fontSize="small" />
+                                </ListItemIcon>
+                                <ListItemText>{t('manga.label.edit_categories')}</ListItemText>
+                            </MenuItem>,
+                        ]}
                     </Menu>
                 </>
             )}