fetch with timeout

Author: nopara73

LongevityWorldCup.Website/wwwroot/index.html

@@ -556,13 +556,13 @@ <h2><i class="fas fa-calendar-alt"></i> Once/Year Newsletter</h2>
 
             if (validator.isEmail(emailInput)) {
                 // Send POST request to the API
-                fetch('/api/home/subscribe', {
+                fetchWithTimeout('/api/home/subscribe', {
                     method: 'POST',
                     headers: {
                         'Content-Type': 'application/json'
                     },
                     body: JSON.stringify({ email: emailInput })
-                })
+                }, 10000) // 10-second timeout
                     .then(response => {
                         if (response.ok) {
                             return response.text(); // Or response.json() if your API returns JSON

LongevityWorldCup.Website/wwwroot/onboarding/convergence.html

@@ -890,18 +890,15 @@ <h2 data-aos="fade" data-aos-duration="700" data-aos-delay="400">1. Character Cr
                     applyButton.textContent = 'Submitting...';
 
                     // Send the data via fetch POST request
-                    fetch('/api/application/apply', {
+                    fetchWithTimeout('/api/application/apply', {
                         method: 'POST',
                         headers: {
                             'Content-Type': 'application/json'
                         },
                         body: JSON.stringify(applicantData)
-                    })
+                    }, 10000) // timeout set to 10,000 ms (10 seconds)
                         .then(response => {
-                            // Rest of your existing code...
-
                             if (response.ok) {
-                                // Handle success, perhaps redirect or show a success message
                                 customAlert('Application submitted successfully!').then(() => {
                                     localStorage.setItem('contactEmail', applicantData.accountEmail);
                                     // Clear the image variables
@@ -911,13 +908,11 @@ <h2 data-aos="fade" data-aos-duration="700" data-aos-delay="400">1. Character Cr
                                     window.location.href = '/onboarding/application-review.html#appReviewTitle';
                                 });
                             } else {
-                                // Handle error
                                 customAlert('Failed to submit application. Please try again later.').then(() => {
                                     applyButton.disabled = false;
                                     applyButton.textContent = 'Apply';
                                 });
                             }
-
                         })
                         .catch(error => {
                             console.error('Error submitting application:', error);

LongevityWorldCup.Website/wwwroot/partials/header.html

@@ -433,4 +433,22 @@ <h1 data-aos="fade" data-aos-duration="700" data-aos-delay="150">2025</h1>
     document.getElementById('custom-alert-close').addEventListener('click', function () {
         document.getElementById('custom-alert').close();
     });
+
+    function fetchWithTimeout(url, options = {}, timeout = 10000) {
+        return new Promise((resolve, reject) => {
+            const timer = setTimeout(() => {
+                reject(new Error('Request timed out'));
+            }, timeout);
+
+            fetch(url, options)
+                .then(response => {
+                    clearTimeout(timer);
+                    resolve(response);
+                })
+                .catch(err => {
+                    clearTimeout(timer);
+                    reject(err);
+                });
+        });
+    }
 </script>

LongevityWorldCup.Website/wwwroot/partials/leaderboard-content.html

@@ -2358,7 +2358,7 @@ <h3>Proofs</h3>
     }
 
     function fetchFullAthleteData(athleteNameText, athleteData) {
-        fetch('/api/data/athletes')
+        fetchWithTimeout('/api/data/athletes', {}, 10000) // 10-second timeout
             .then(response => response.json())
             .then(athletes => {
                 const fullAthleteData = athletes.find(a => a.Name === athleteNameText);