From 2ac98f3f11bb241ee89487dc61172f5ead8a7f3f Mon Sep 17 00:00:00 2001
From: Jan Weber <studium@jane232.de>
Date: Wed, 13 Dec 2023 16:09:17 +0100
Subject: [PATCH 1/2] Fix issue 3

---
 index.html | 5 ++++-
 main.js    | 2 ++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 578a0f1..5442313 100644
--- a/index.html
+++ b/index.html
@@ -37,7 +37,10 @@ <h1>Text-to-Audio Converter</h1>
 <div id="generate-section">
     <button id="generate-audiobook">Generate Audiobook</button>
 </div>
-
+<!-- Error Indicator (Hidden Initially) -->
+<div id="error-indicator" style="display: none;">
+    <p style="color:red;">Es ist ein Fehler bei der Anfrage aufgetreten. <br/> Bist du dir sicher das genug Guthaben verfügbar ist?</p>
+</div>
 <!-- Progress Indicator (Hidden Initially) -->
 <div id="progress-indicator" style="display: none;">
     <p>Converting...</p>
diff --git a/main.js b/main.js
index dfeab5d..f12bdd0 100644
--- a/main.js
+++ b/main.js
@@ -148,8 +148,10 @@ function callOpenAIAPI(segment, apiKey, callback) {
         if (xhr.status === 200) {
             var audioBlob = xhr.response;
             callback(audioBlob);
+			document.getElementById('error-indicator').style.display = 'none';
         } else {
             console.error("Error calling OpenAI API: " + xhr.statusText);
+			document.getElementById('error-indicator').style.display = 'block';
         }
     };
 

From 76c6505ce26a3a3d173181d7c65a38461bbd183b Mon Sep 17 00:00:00 2001
From: Jan Weber <studium@jane232.de>
Date: Wed, 13 Dec 2023 16:27:04 +0100
Subject: [PATCH 2/2] switch fix 2 to english

---
 index.html | 2 +-
 main.js    | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/index.html b/index.html
index 5442313..0196b9a 100644
--- a/index.html
+++ b/index.html
@@ -39,7 +39,7 @@ <h1>Text-to-Audio Converter</h1>
 </div>
 <!-- Error Indicator (Hidden Initially) -->
 <div id="error-indicator" style="display: none;">
-    <p style="color:red;">Es ist ein Fehler bei der Anfrage aufgetreten. <br/> Bist du dir sicher das genug Guthaben verfügbar ist?</p>
+    <p style="color:red;">An error occured calling the OpenAI API: <br/>Are you sure that the entered key is valid and that there is enough credit balance on your account?</p>
 </div>
 <!-- Progress Indicator (Hidden Initially) -->
 <div id="progress-indicator" style="display: none;">
diff --git a/main.js b/main.js
index f12bdd0..3ed8fb6 100644
--- a/main.js
+++ b/main.js
@@ -85,6 +85,7 @@ function generateAudiobook() {
     var segments = splitTextIntoSegments(text, 4000);
     var audioBlobs = new Array(segments.length);
     var progressBar = document.getElementById('progressbar1');
+	document.getElementById('error-indicator').style.display = 'none';
     progressBar.max = segments.length;
     progressBar.value = 0;
 
@@ -148,7 +149,6 @@ function callOpenAIAPI(segment, apiKey, callback) {
         if (xhr.status === 200) {
             var audioBlob = xhr.response;
             callback(audioBlob);
-			document.getElementById('error-indicator').style.display = 'none';
         } else {
             console.error("Error calling OpenAI API: " + xhr.statusText);
 			document.getElementById('error-indicator').style.display = 'block';