Render "manga track dialog" only when opened

2025-01-12 20:27:10 +01:00
parent ba52e70dbb
commit 7ed345cf87
1 changed files with 5 additions and 3 deletions
--- a/src/modules/manga/components/TrackMangaButton.tsx
+++ b/src/modules/manga/components/TrackMangaButton.tsx
@@ -63,9 +63,11 @@ export const TrackMangaButton = ({ manga }: { manga: MangaTrackRecordInfo & Pick
                            ? t('manga.button.track.active', { count: trackersInUse.length })
                            : t('manga.button.track.start')}
                    </CustomIconButton>
-                    <Dialog {...bindDialog(popupState)} maxWidth="md" fullWidth scroll="paper">
-                        <TrackManga manga={manga} />
-                    </Dialog>
+                    {popupState.isOpen && (
+                        <Dialog {...bindDialog(popupState)} maxWidth="md" fullWidth scroll="paper">
+                            <TrackManga manga={manga} />
+                        </Dialog>
+                    )}
                </>
            )}
        </PopupState>