From 56403b5722f5885228a064588d2e9e042915842e Mon Sep 17 00:00:00 2001
From: Thomas Gander <thomas@silverhat.ca>
Date: Sun, 25 Jan 2026 15:34:59 -0700
Subject: [PATCH] Updated plugin to refresh page and state whenever the page is
 shown

---
 Jellyfin.Plugin.MediaCleaner/Pages/home.html  |  2 ++
 .../Pages/media_cleaner_table.js              | 19 +++++++++----------
 2 files changed, 11 insertions(+), 10 deletions(-)

diff --git a/Jellyfin.Plugin.MediaCleaner/Pages/home.html b/Jellyfin.Plugin.MediaCleaner/Pages/home.html
index 3e8b22e..3b7d39c 100644
--- a/Jellyfin.Plugin.MediaCleaner/Pages/home.html
+++ b/Jellyfin.Plugin.MediaCleaner/Pages/home.html
@@ -14,6 +14,7 @@
                         <th>Name</th>
                     </tr>
                 </thead>
+                <tbody></tbody>
             </table>
             <br>
             <br>
@@ -26,6 +27,7 @@
                         <th>Seasons</th>
                     </tr>
                 </thead>
+                <tbody></tbody>
             </table>
 		</div>
 	</div>
diff --git a/Jellyfin.Plugin.MediaCleaner/Pages/media_cleaner_table.js b/Jellyfin.Plugin.MediaCleaner/Pages/media_cleaner_table.js
index 1b3d261..0e689c3 100644
--- a/Jellyfin.Plugin.MediaCleaner/Pages/media_cleaner_table.js
+++ b/Jellyfin.Plugin.MediaCleaner/Pages/media_cleaner_table.js
@@ -54,23 +54,23 @@ document.addEventListener('pageshow', async () => {
         return response.json();
     }
 
-    const populateMoviesTable = () => {
-        moviesTable.innerHTML = '';
+    const populateTables = () => {
+        var seriesTableBody = seriesTable.getElementsByTagName('tbody')[0];
+        seriesTableBody.replaceChildren();
+
+        var moviesTableBody = moviesTable.getElementsByTagName('tbody')[0];
+        moviesTableBody.replaceChildren();
 
         for(let i = 0; i < moviesInfo.length; i++){
-            var row = moviesTable.insertRow(-1);
+            var row = moviesTableBody.insertRow(-1);
             var cell1 = row.insertCell(0);
             var cell2 = row.insertCell(1);
             cell1.innerHTML = moviesInfo[i].Name;
             cell2.innerHTML = "<button>Delete</button>";
         }
-    }
-
-    const populateSeriesTable = () => {
-        seriesTable.innerHTML = '';
 
         for(let i = 0; i < seriesInfo.length; i++){
-            var row = seriesTable.insertRow(-1);
+            var row = seriesTableBody.insertRow(-1);
             var cell1 = row.insertCell(0);
             var cell2 = row.insertCell(1);
             var cell3 = row.insertCell(2);
@@ -86,6 +86,5 @@ document.addEventListener('pageshow', async () => {
     await updateMediaCleanerState();
     var moviesInfo = await getMediaCleanerMovieInfo();
     var seriesInfo = await getMediaCleanerSeriesInfo();
-    populateMoviesTable();
-    populateSeriesTable();
+    populateTables();
 });