From 7ed345cf877dfcd86f461841818bba50ca62b7c7 Mon Sep 17 00:00:00 2001
From: schroda <50052685+schroda@users.noreply.github.com>
Date: Sun, 12 Jan 2025 20:27:10 +0100
Subject: [PATCH] Render "manga track dialog" only when opened

---
 src/modules/manga/components/TrackMangaButton.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/modules/manga/components/TrackMangaButton.tsx b/src/modules/manga/components/TrackMangaButton.tsx
index 5ee224f5..b187c290 100644
--- 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>