src/surah.html: add title to page

Fix #4
2022-11-01 05:55:44 -03:00 · 2022-11-01 05:55:44 -03:00 · e3c794448f
commit e3c794448f
parent 93c8b110b8
2 changed files with 8 additions and 4 deletions
--- a/src/js/pages/TheSurahPage.tsx
+++ b/src/js/pages/TheSurahPage.tsx
@ -19,6 +19,9 @@ function TheSurahPage({locale, surahId}: PageProps) {

  useEffect(() => {
    if (surahIsLoaded) {
+      document.title = ["Al-Quran:",
+                        surah.transliteratedName,
+                        `(${surah.translatedName})`].join(" ");
      setStream([surah.ayat[stream.length]]);
    }
  }, [surahIsLoaded]);
--- a/src/surah.html
+++ b/src/surah.html
@ -1,10 +1,11 @@
 <!DOCTYPE html>
 <html>
  <head>
+    <title>Al-Quran: Loading</title>
    <link rel="stylesheet" href="/css/surah.css">
  </head>
-<body>
-  <div class="surah"></div>
-  <script src="/js/pages/surah.js"></script>
-</body>
+  <body>
+    <div class="surah"></div>
+    <script src="/js/pages/surah.js"></script>
+  </body>
 </html>