fix: ultra-clear main content

zyriab · Dec 23, 2023 · 452301f · 452301f
1 parent 9eb5116
commit 452301f
Showing 1 changed file with 11 additions and 2 deletions.
diff --git a/js/tui.js b/js/tui.js
@@ -192,12 +192,15 @@ function closeHamburgerMenu() {
     LEFT_SECTION.classList.remove('menu-open');
 }
 
-async function displayContent() {
+function clearMainContent() {
     MAIN_CONTENT_SECTION.innerHTML = '';
     MAIN_CONTENT_SECTION.scrollTo({ top: 0 });
+}
 
-    const sectionName = left_sections[currentPosition.sectionIndex].name;
+async function displayContent() {
+    clearMainContent();
 
+    const sectionName = left_sections[currentPosition.sectionIndex].name;
 
     const response = await fetch(`data/${sectionName}.json`)
     const { data } = await response.json();
@@ -324,6 +327,8 @@ async function displayContent() {
 
         innerContainerElement.prepend(topElement);
         outerContainerElement.appendChild(innerContainerElement);
+
+        clearMainContent()
         MAIN_CONTENT_SECTION.appendChild(outerContainerElement);
 
         colorizeCode();
@@ -339,6 +344,8 @@ async function displayContent() {
         logoElement.alt = 'Wallenart'
 
         logoContainer.appendChild(logoElement);
+
+        clearMainContent()
         MAIN_CONTENT_SECTION.appendChild(logoContainer);
 
         data.forEach((d) => {
@@ -354,6 +361,8 @@ async function displayContent() {
         })
 
         outerContainerElement.appendChild(innerContainerElement);
+
+        clearMainContent()
         MAIN_CONTENT_SECTION.appendChild(outerContainerElement);
 
         await displayRandomBibleVerse(innerContainerElement);