From 80374bc9d0e48fff4f7408c22b66e78e372dfac8 Mon Sep 17 00:00:00 2001
From: SethBurkart123 <seth.burkart@hills.adventist.edu.au>
Date: Wed, 8 May 2024 20:50:40 +1000
Subject: [PATCH] change document titles on load

---
 src/interface/pages/Theme.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/interface/pages/Theme.tsx b/src/interface/pages/Theme.tsx
index ca067d6e..dc4dc0a3 100644
--- a/src/interface/pages/Theme.tsx
+++ b/src/interface/pages/Theme.tsx
@@ -27,17 +27,17 @@ const Theme = () => {
 
   useEffect(() => {
     const urlParams = new URLSearchParams(window.location.search);
+    document.title = 'BetterSEQTA+' // Reset the title
     const themeID = urlParams.get('id');
     const justCreated = urlParams.get('justCreated');
-    if (themeID) {
-      setThemeID(themeID);
-    }
-
+    if (themeID) setThemeID(themeID);
+    
     const getTheme = async (themeID: string) => {
       const theme = await pb.collection<ThemesRecord>('themes').getOne(themeID);
       console.debug(theme);
       setIsLoading(false);
       setTheme(theme);
+      document.title = theme.name;
 
       const availableThemes = await localforage.getItem('availableThemes') as string[];
       setCurrentThemes(availableThemes)