From 2e5a4a4493872ef737f4e99ef89f97e7a72cf2c4 Mon Sep 17 00:00:00 2001
From: John O'Keefe <jrokeefe@protonmail.com>
Date: Sun, 21 Dec 2025 13:01:51 -0500
Subject: [PATCH] finally fixed being able to reload the anime page when
 searching or changing the url

---
 frontend/src/App.svelte                   | 12 +-----------
 frontend/src/routes/AnimeRoutePage.svelte | 16 +++++++++++++++-
 wails.json                                |  2 +-
 3 files changed, 17 insertions(+), 13 deletions(-)

diff --git a/frontend/src/App.svelte b/frontend/src/App.svelte
index 3a43a5e..e01f830 100644
--- a/frontend/src/App.svelte
+++ b/frontend/src/App.svelte
@@ -38,17 +38,7 @@
     '/': Home,
     '/anime/:id': wrap({
         asyncComponent: () => import('./routes/AnimeRoutePage.svelte'),
-        conditions: [
-            async () => await CheckIfAniListLoggedIn(),
-            async (detail) => {
-                aniListAnime.update(value => {
-                    value = AniListGetSingleAnimeDefaultData
-                    return value
-                })
-                await GetAnimeSingleItem(Number(detail.params.id), true)
-                return Object.keys($aniListAnime).length!==0
-            },
-        ],
+        conditions: [async () => await CheckIfAniListLoggedIn()],
         loadingComponent: Spinner
     }),
     // '*': "Not Found"
diff --git a/frontend/src/routes/AnimeRoutePage.svelte b/frontend/src/routes/AnimeRoutePage.svelte
index e0bc000..243ff9d 100644
--- a/frontend/src/routes/AnimeRoutePage.svelte
+++ b/frontend/src/routes/AnimeRoutePage.svelte
@@ -1,9 +1,23 @@
 <script lang="ts">
+    import { aniListAnime, GetAnimeSingleItem } from "../helperModules/GlobalVariablesAndHelperFunctions.svelte";
     import Anime from "../helperComponents/Anime.svelte"
+    import { AniListGetSingleAnimeDefaultData } from "../helperDefaults/AniListGetSingleAnime";
+    import Spinner from "../helperComponents/Spinner.svelte";
 
     export let params: Record<string, string>
+    let loadPromise = load(params.id)
+    $: loadPromise = load(params.id)
+
+    async function load(id: string) {
+        aniListAnime.update(() => AniListGetSingleAnimeDefaultData)
+        await GetAnimeSingleItem(Number(id), true)
+    }
 </script>
 
 {#key params.id}
-    <Anime />
+    {#await loadPromise}
+        <Spinner />
+    {:then _}
+        <Anime />
+    {/await}
 {/key}
\ No newline at end of file
diff --git a/wails.json b/wails.json
index e9cafcf..d170dcf 100644
--- a/wails.json
+++ b/wails.json
@@ -12,6 +12,6 @@
   },
   "info": {
     "productName": "AniTrack",
-    "productVersion": "0.4.0"
+    "productVersion": "0.5.0"
   }
 }