From 168d1013be15c3b77a70c6e734940e5431d2e4ef Mon Sep 17 00:00:00 2001
From: sethburkart123 <seth.burkart@hills.adventist.edu.au>
Date: Sun, 9 Jun 2024 14:52:05 +1000
Subject: [PATCH] refactor: addbetterseqtaelements function reducing complexity

---
 src/seqta/ui/AddBetterSEQTAElements.ts | 17 ++++++-----------
 1 file changed, 6 insertions(+), 11 deletions(-)

diff --git a/src/seqta/ui/AddBetterSEQTAElements.ts b/src/seqta/ui/AddBetterSEQTAElements.ts
index 55ef3a88..620ce94d 100644
--- a/src/seqta/ui/AddBetterSEQTAElements.ts
+++ b/src/seqta/ui/AddBetterSEQTAElements.ts
@@ -1,4 +1,3 @@
-import browser from "webextension-polyfill";
 import { GetThresholdOfColor, SendNewsPage, addExtensionSettings, enableAnimatedBackground, loadHomePage, setupSettingsButton } from "../../SEQTA";
 import { updateBgDurations } from "./Animation";
 import { appendBackgroundToUI } from "./ImageBackgrounds";
@@ -6,10 +5,12 @@ import stringToHTML from "../utils/stringToHTML";
 import { settingsState } from "../utils/listeners/SettingsState";
 import { updateAllColors } from "./colors/Manager";
 
-export async function AddBetterSEQTAElements(toggle: any) {
-  if (toggle) {    
+export async function AddBetterSEQTAElements() {
+  if (settingsState.onoff) {    
     initializeSettings();
-    addDarkMode(settingsState.DarkMode);
+    if (settingsState.DarkMode) {
+      document.documentElement.classList.add('dark');
+    }
     createHomeButton();
     await handleUserInfo();
     handleStudentData();
@@ -19,7 +20,7 @@ export async function AddBetterSEQTAElements(toggle: any) {
 
   appendBackgroundToUI();
   addExtensionSettings();
-  if (toggle) {
+  if (settingsState.onoff) {
     await createSettingsButton();
     await addDarkLightToggle();
     customizeMenuToggle();
@@ -35,12 +36,6 @@ function initializeSettings() {
   updateBgDurations();
 }
 
-function addDarkMode(DarkMode: boolean) {
-  if (DarkMode) {
-    document.documentElement.classList.add('dark');
-  }
-}
-
 function createHomeButton() {
   const container = document.getElementById('content')!;
   const div = document.createElement('div');