fix error message output

app.py

@@ -34,7 +34,8 @@ def synthesize_speech(text):
     audio_data = np.frombuffer(buffer.read(), dtype=np.int16)
     return audio_data.tobytes(), None
     
-# Using Gradio Blocks
+
+# Gradio Interface
 with gr.Blocks(theme=gr.themes.Base()) as blocks:
     gr.Markdown("# Text to Speech Synthesizer")
     gr.Markdown("Enter text to synthesize it into speech using models from the State Library of Queensland's collection using Piper.")
@@ -43,7 +44,16 @@ with gr.Blocks(theme=gr.themes.Base()) as blocks:
     output_text = gr.Textbox(label="Output Text", visible=True)  # Make this visible for error messages
     submit_button = gr.Button("Synthesize")
 
-    submit_button.click(synthesize_speech, inputs=input_text, outputs=[output_audio, output_text])
+    def process_and_output(text):
+        audio, message = synthesize_speech(text)
+        if message:
+            output_text.update(message)
+            output_audio.update(None)
+        else:
+            output_audio.update(audio)
+            output_text.update(None)
+
+    submit_button.click(process_and_output, inputs=input_text, outputs=[output_audio, output_text])
 
 # Run the app
 blocks.launch()