Update app.py

app.py

@@ -8,9 +8,7 @@ import time
 logging.basicConfig(level=logging.INFO)
 
 css = """
-footer {
-    visibility: hidden;
-}
+footer { visibility: hidden; }
 """
 
 # Function to check the status of a URL
@@ -19,21 +17,19 @@ def check_url_status():
         response = requests.get("http://hugpu.ai:8000")
         if response.status_code == 200:
             logging.info("URL access successful: Status code 200")
-            return "Normal", "green"  # Green display for normal condition
+            return "Normal", "green"
         else:
             logging.error(f"URL access error: Status code {response.status_code}")
-            return "Abnormal", "red"  # Red display for abnormal condition
+            return "Abnormal", "red"
     except requests.exceptions.RequestException as e:
         logging.exception("Unable to connect to the server.")
-        return "Abnormal", "red"  # Red display for connection failure
+        return "Abnormal", "red"
 
 # Function to update status
-def update_status(status_label, status_box):
+def update_status():
     while True:
         status, color = check_url_status()
-        status_label.update(value=f"AI Personal Assistant Status: {status}")  # Correct method to update text
-        status_box.update(style={'backgroundColor': color})  # Correct method to update style
-        logging.info(f"Status update: {status}")
+        yield status, color
         time.sleep(6)  # Wait for 6 seconds
 
 # Gradio interface setup
@@ -45,15 +41,33 @@ def create_dashboard():
         gr.Markdown("### Home description: [Link](https://seawolf2357-bnews1.hf.space)")
         gr.Markdown("## \n")
         
-        with gr.Row() as status_row:
-            status_label = gr.Label(label="AI Personal Assistant Status:", value="Loading...", elem_id="status_label")
-            status_box = gr.Label(value="", elem_id="status_box")
+        status_label = gr.Textbox(label="AI Personal Assistant Status:", value="Loading...")
+        status_box = gr.Box(visible=False)
         
-        # Run the status update in a background thread
-        threading.Thread(target=update_status, args=(status_label, status_box), daemon=True).start()
-
+        def update_ui(status, color):
+            return gr.Textbox.update(value=f"AI Personal Assistant Status: {status}"), gr.Box.update(visible=True, elem_id=f"status-{color.lower()}")
+        
+        gr.Loop(update_status, outputs=[status_label, status_box], every=6, callback=update_ui)
+    
     return app
 
 if __name__ == "__main__":
     dashboard = create_dashboard()
     dashboard.launch()
+
+# Add this CSS to your Gradio interface or in a separate CSS file
+custom_css = """
+#status-green {
+    background-color: green;
+    color: white;
+    padding: 10px;
+    border-radius: 5px;
+}
+
+#status-red {
+    background-color: red;
+    color: white;
+    padding: 10px;
+    border-radius: 5px;
+}
+"""