From d94dd1ee124f86d9965e39dc41b05b01221bf769 Mon Sep 17 00:00:00 2001
From: SethBurkart123 <seth.burkart@hills.adventist.edu.au>
Date: Thu, 28 Mar 2024 12:36:08 +1100
Subject: [PATCH] fix news page

---
 src/SEQTA.ts                        | 9 ++++++---
 src/background.ts                   | 2 +-
 src/interface/components/Slider.tsx | 5 +----
 3 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/SEQTA.ts b/src/SEQTA.ts
index 002ff296..d57f0e68 100644
--- a/src/SEQTA.ts
+++ b/src/SEQTA.ts
@@ -2297,7 +2297,10 @@ async function loadHomePage() {
   currentSelectedDate = new Date()
 
   // Creates the root of the home page added to the main div
-  let homeContainer = stringToHTML('<div class="home-root"><div class="home-container" id="home-container"></div></div>')
+  let homeContainer = stringToHTML(/* html */`
+    <div class="home-root">
+      <div class="home-container" id="home-container"></div>
+    </div>`)
   
   // Appends the html file to main div
   // Note: firstChild of html is done due to needing to grab the body from the stringToHTML function
@@ -2307,12 +2310,12 @@ async function loadHomePage() {
   const date = new Date()
 
   // Creates the shortcut container into the home container
-  const Shortcut = stringToHTML('<div class="shortcut-container border"><div class="shortcuts border" id="shortcuts"></div></div>')
+  const Shortcut = stringToHTML('<div class="shortcut-container border" style="opacity: 0;"><div class="shortcuts border" id="shortcuts"></div></div>')
   // Appends the shortcut container into the home container
   document.getElementById('home-container')?.append(Shortcut?.firstChild!)
   
   // Creates the container div for the timetable portion of the home page
-  const Timetable = stringToHTML('<div class="timetable-container border"><div class="home-subtitle"><h2 id="home-lesson-subtitle">Today\'s Lessons</h2><div class="timetable-arrows"><svg width="24" height="24" viewBox="0 0 24 24" style="transform: scale(-1,1)" id="home-timetable-back"><g style="fill: currentcolor;"><path d="M8.578 16.359l4.594-4.594-4.594-4.594 1.406-1.406 6 6-6 6z"></path></g></svg><svg width="24" height="24" viewBox="0 0 24 24" id="home-timetable-forward"><g style="fill: currentcolor;"><path d="M8.578 16.359l4.594-4.594-4.594-4.594 1.406-1.406 6 6-6 6z"></path></g></svg></div></div><div class="day-container" id="day-container"></div></div>')
+  const Timetable = stringToHTML('<div class="timetable-container border" style="opacity: 0;"><div class="home-subtitle"><h2 id="home-lesson-subtitle">Today\'s Lessons</h2><div class="timetable-arrows"><svg width="24" height="24" viewBox="0 0 24 24" style="transform: scale(-1,1)" id="home-timetable-back"><g style="fill: currentcolor;"><path d="M8.578 16.359l4.594-4.594-4.594-4.594 1.406-1.406 6 6-6 6z"></path></g></svg><svg width="24" height="24" viewBox="0 0 24 24" id="home-timetable-forward"><g style="fill: currentcolor;"><path d="M8.578 16.359l4.594-4.594-4.594-4.594 1.406-1.406 6 6-6 6z"></path></g></svg></div></div><div class="day-container" id="day-container"></div></div>')
   // Appends the timetable container into the home container
   document.getElementById('home-container')?.append(Timetable?.firstChild!)
   
diff --git a/src/background.ts b/src/background.ts
index 3c27049e..514983a4 100644
--- a/src/background.ts
+++ b/src/background.ts
@@ -117,7 +117,7 @@ browser.runtime.onMessage.addListener((request: any, _sender: any, sendResponse:
       '-' +
       (date.getMonth() + 1) +
       '-' +
-      (date.getDate() - 1);
+      (date.getDate() - 5);
 
     const url = `https://newsapi.org/v2/everything?domains=abc.net.au&from=${from}&apiKey=17c0da766ba347c89d094449504e3080`;
 
diff --git a/src/interface/components/Slider.tsx b/src/interface/components/Slider.tsx
index 60ed8ac8..a6c268cf 100644
--- a/src/interface/components/Slider.tsx
+++ b/src/interface/components/Slider.tsx
@@ -1,5 +1,4 @@
 import { memo } from "react";
-import { useSettingsContext } from "../SettingsContext";
 import "./Slider.css";
 
 interface SliderProps {
@@ -8,7 +7,6 @@ interface SliderProps {
 }
 
 const Slider: React.FC<SliderProps> = ({ state, onChange }) => {
-  const { settingsState } = useSettingsContext();
 
   return (
     <div className="relative w-full max-w-lg py-8 mx-auto">
@@ -18,8 +16,7 @@ const Slider: React.FC<SliderProps> = ({ state, onChange }) => {
         max="100"
         value={state}
         onChange={(e) => onChange(Number(e.target.value))}
-        className="w-full h-1 rounded-full appearance-none cursor-pointer slider"
-        style={{ background: `${settingsState.customThemeColor}` }}
+        className="w-full h-1 rounded-full appearance-none cursor-pointer slider dark:bg-[#38373D] bg-[#DDDDDD]"
       />
     </div>
   );