From bbb3659a9194b2c024a928b75aa7a91be0bf08b9 Mon Sep 17 00:00:00 2001
From: 0x1eef <0x1eef@protonmail.com>
Date: Fri, 31 May 2024 02:06:08 -0300
Subject: [PATCH] Access document language via documentElement

---
 src/js/main/surah-index.tsx  |  6 +++---
 src/js/main/surah-stream.tsx | 12 ++++++------
 2 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/js/main/surah-index.tsx b/src/js/main/surah-index.tsx
index 9110e17ca..b8edf4c13 100644
--- a/src/js/main/surah-index.tsx
+++ b/src/js/main/surah-index.tsx
@@ -5,12 +5,12 @@ import { T } from "~/lib/t";
 import { SurahIndex } from "~/components/SurahIndex";
 
 (function () {
-  const root: HTMLElement = document.querySelector(".root")!;
+  const doc = document.documentElement;
+  const root = doc.querySelector(".root")!;
   const t = T(require("@json/t.json"));
   const byLocale = require("@json/surahs");
   const locale = (() => {
-    const l = document.querySelector("html")!.getAttribute("lang")!;
-    return Quran.locales.find(ll => ll.name === l);
+    return Quran.locales.find(ll => ll.name === doc.lang);
   })()!;
   const surahs: Surah[] = byLocale[locale.name].map((e: TSurah) => new Surah(e));
 
diff --git a/src/js/main/surah-stream.tsx b/src/js/main/surah-stream.tsx
index 97ac816f5..e15b7f5b8 100644
--- a/src/js/main/surah-stream.tsx
+++ b/src/js/main/surah-stream.tsx
@@ -5,19 +5,19 @@ import { T } from "~/lib/t";
 import { SurahStream } from "~/components/SurahStream";
 
 (function () {
-  const root: HTMLElement = document.querySelector(".root")!;
+  const doc = document.documentElement;
+  const root = doc.querySelector(".root")!;
   const t = T(require("@json/t.json"));
   const locale = (() => {
-    const l = document.querySelector("html")!.getAttribute("lang")!;
-    return Quran.locales.find(ll => ll.name === l);
+    return Quran.locales.find(ll => ll.name === doc.lang);
   })()!;
 
   /*
    * Configure an instance of Surah
    */
-  const node1: HTMLScriptElement = document.querySelector(".json.surahinfo")!;
-  const node2: HTMLScriptElement = document.querySelector(".json.surah")!;
-  const node3: HTMLScriptElement = document.querySelector(".json.durations")!;
+  const node1: HTMLScriptElement = doc.querySelector(".json.surahinfo")!;
+  const node2: HTMLScriptElement = doc.querySelector(".json.surah")!;
+  const node3: HTMLScriptElement = doc.querySelector(".json.durations")!;
   const blob1: TSurah = JSON.parse(node1.innerText)!;
   const blob2: Array<[number, string]> = JSON.parse(node2.innerText)!;
   const blob3: Array<[number, number]> = JSON.parse(node3.innerText)!;