From 03cf1dfb00e5733376ad34d3acb444c1c7bcf2a8 Mon Sep 17 00:00:00 2001
From: Sophie Marie <ideleted@system64.dev>
Date: Sun, 29 Oct 2023 22:38:20 +0000
Subject: [PATCH] Fix memories not loading and displaying

Co-authored-by: TheCodingGuy <officialtcgmatt@gmail.com>
---
 js/memories.js | 47 ++++++++++++++++++++++++++++-------------------
 1 file changed, 28 insertions(+), 19 deletions(-)

diff --git a/js/memories.js b/js/memories.js
index 67ffe81..ef5992e 100644
--- a/js/memories.js
+++ b/js/memories.js
@@ -1,30 +1,39 @@
 // I don't know if this will work, but we can try..... -fs64
 // https://codingartistweb.com/2022/06/testimonial-slider-using-javascript/ heavily modified from this -64
 console.info("Loading memories.js...");
-let memories = "../conf/memories.json" // File containing the memories 
-let cm = 0; // (C)urrent (m)emory
-let l = memories.length; // Total file length
 
-console.info(`Found ${l} memory keys!`);
+
+// browser js is so bootleg
+let memories; // contain the memories 
+let cm = 0; // (C)urrent (m)emory
+// Get our memeoriesBox and buttons from HTML elements on the HTML page
 let memoriesBox = document.getElementById("memoriesBox");
 let nxtBtn = document.getElementById("next");
 let bckBtn = document.getElementById("prev");
-// Get our memeoriesBox and buttons from HTML elements on the HTML page
-
-nxtBtn.addEventListener("click", () => {
-    cm = (l + cm + 1) % l; 
-    displayMemory();
-}); // Switch to the next memory
-nxtBtn.addEventListener("click", () => {
-    cm = (l + cm - 1) % l; 
-    displayMemory();
-}); // Switch back to the previous memory, nopony tell anyone else that we copied this :^) -64
-
 let displayMemory = () => {
-    displayMemory.innerHTML = `
-    <h2>${memoriesBox[cm].name}</h2>
-    <p>${memoriesBox[cm].memory}</p>
+    memoriesBox.innerHTML = `
+    <h2>${memories[cm].name}</h2>
+    <p>${memories[cm].memory}</p>
     `;
 };
-window.onload = displayMemory;
+(async() => {
+    await fetch("./conf/memories.json").then(r=>r.json()).then(d=>memories=d).catch(e=>{
+        // error code when fetching here
+        console.log(e)
+    });
+
+    let l = memories.length; // Total file length
+    console.info(`Found ${l} memory keys!`);
+
+    nxtBtn.addEventListener("click", () => {
+        cm = (l + cm + 1) % l; 
+        displayMemory();
+    }); // Switch to the next memory
+    bckBtn.addEventListener("click", () => {
+        cm = (l + cm - 1) % l; 
+        displayMemory();
+    }); // Switch back to the previous memory, nopony tell anyone else that we copied this :^) -64
+
+    displayMemory(); // This will executed as soon as all the above has. -TCG
+})();
 console.info("Done!");