Fix warning messages

app.py

@@ -337,15 +337,16 @@ with demo:
                 inputs=[input_text] + sliders, 
                 outputs=[output, feedback_rating, feedback_text, latest_obfuscation])
 
-            save_feedback_button = gr.Button("Save Feedback", interactive=False)
+            save_feedback_button = gr.Button("Submit Feedback", interactive=False)
 
-            feedback_warning_message = gr.Markdown(
-                "<div style='text-align: center; color: red;'>⚠️ Please provide feedback or a rating before submitting. ⚠️</div>", visible=True
-            )
             confirmation_message = gr.Markdown(
                 "<div id='confirmation-message' style='text-align: center; color: green;'>🥳 Feedback has been submitted successfully! 🎊</div>", visible=False
             )
 
+            feedback_warning_message = gr.Markdown(
+                "<div id='feedback-warning' style='text-align: center; color: red;'>⚠️ Please provide feedback or a rating before submitting. ⚠️</div>", visible=True
+            )
+
             # Update the interactivity of the save_feedback_button based on feedback_rating and feedback_text
             feedback_rating.change(fn=update_save_feedback_button, inputs=[feedback_rating, feedback_text], outputs=[save_feedback_button, feedback_warning_message])
             feedback_text.change(fn=update_save_feedback_button, inputs=[feedback_rating, feedback_text], outputs=[save_feedback_button, feedback_warning_message])

utils.py

@@ -1,15 +1,18 @@
 hide_code = """
 () => {
     const confirmationMessage = document.getElementById('confirmation-message');
+    const feedbackWarning = document.getElementById('feedback-warning');
     confirmationMessage.style.display = 'block';
     confirmationMessage.style.opacity = 1;
+    feedbackWarning.style.display = 'none';
     setTimeout(() => {
-        confirmationMessage.style.transition = 'opacity 8s';
+        confirmationMessage.style.transition = 'opacity 5s';
         confirmationMessage.style.opacity = 0;
     }, 1000);
     setTimeout(() => {
         confirmationMessage.style.display = 'none';
-    }, 9200); // 2000ms for transition
+        feedbackWarning.style.display = 'block';
+    }, 6200); // 2000ms for transition
 }
 """