Merge pull request #24 from isaacfonner/main

Ensured everything was loaded before beginging renderprograms

Author: maxwofford

script.js

@@ -2,6 +2,12 @@ let programs = {};
 const apiUrl = "https://api2.hackclub.com/v0.1/Unified%20YSWS%20Projects%20DB/YSWS%20Programs?cache=true";
 var participants = []
 
+async function startRender() {
+    await Promise.all([loadParticipants(), loadPrograms()]);
+    renderPrograms();
+}
+startRender()
+
 function loadParticipants() {
     fetch(apiUrl).then(response => {
         if (!response.ok) {
@@ -74,8 +80,6 @@ async function loadPrograms() {
         programs = Object.fromEntries(
             Object.entries(programs).filter(([_, programsList]) => programsList.length > 0)
         );
-        
-        renderPrograms();
     } catch (error) {
         console.error('Error loading programs:', error);
     }
@@ -230,7 +234,7 @@ function openModal(program) {
     if (program.participants !== undefined) {
         detailsHTML += `
             <h3>Participation</h3>
-            <p>${formatParticipants(program.participants)}</p>
+            <p>${formatParticipants(program.name)}</p>
         `;
     }
 
@@ -516,4 +520,4 @@ document.addEventListener('DOMContentLoaded', () => {
 
     document.querySelector('.modal-prev').addEventListener('click', () => navigateModal(-1));
     document.querySelector('.modal-next').addEventListener('click', () => navigateModal(1));
-});
+});