Update app.py

app.py

@@ -258,22 +258,22 @@ thread = threading.Thread(target=run_schedule)
 thread.daemon = True
 thread.start()
 
-# Gradio Interface
-if prediction_plot_base64:
-    html_content = (
-    f'<img src="data:image/png;base64,{prediction_plot_base64}" '
-    'alt="Prediction Plot" '
-    'style="width: 100vw; height: 100vh; object-fit: contain;">'
-    )
-else:
-    html_content = "Processing data..."
+# # Gradio Interface
+# if prediction_plot_base64:
+#     html_content = (
+#     f'<img src="data:image/png;base64,{prediction_plot_base64}" '
+#     'alt="Prediction Plot" '
+#     'style="width: 100vw; height: 100vh; object-fit: contain;">'
+#     )
+# else:
+#     html_content = "Processing data..."
 
-custom_css = """
-body, .gradio-container {
-    margin: 0;
-    padding: 0;
-}
-"""
+# custom_css = """
+# body, .gradio-container {
+#     margin: 0;
+#     padding: 0;
+# }
+# """
 
 # with gr.Blocks(css=custom_css) as demo:
 #     gr.HTML(value=html_content)
@@ -284,8 +284,10 @@ body, .gradio-container {
 # demo.launch()
 
 with gr.Blocks(css=custom_css) as demo:
-    html_output = gr.HTML()
-
+    # Initialize the HTML output with a default message
+    html_output = gr.HTML("Processing data...")
+    
+    # Define the refresh function
     def refresh_html():
         if prediction_plot_base64:
             return (
@@ -295,12 +297,17 @@ with gr.Blocks(css=custom_css) as demo:
             )
         else:
             return "Processing data..."
-
-    # Use gr.Timer to trigger refresh_html every 10 seconds
-    gr.Timer(
+    
+    # For newer versions of Gradio, Timer is used differently
+    demo.load(fn=refresh_html, inputs=None, outputs=html_output)
+    
+    # Create a timer that updates the component
+    timer = gr.on(
+        triggers=[gr.triggers.Interval(10)],  # Every 10 seconds
         fn=refresh_html,
-        every=10,  # Interval in seconds
         inputs=None,
         outputs=html_output,
     )
 
+# Launch the demo
+demo.launch()