Mistake in my previous code

app.py

@@ -45,4 +45,43 @@ def connect_mqtt(hivemq_host, username, password):
     client.tls_set()  # Ensure secure connection with TLS
     client.on_connect = on_connect
     client.on_message = on_message
-    client.connect(MQTT_BROKER, MQTT_PORT, 
+    client.connect(MQTT_BROKER, MQTT_PORT, 60)
+    client.loop_start()
+    
+    return on_connect(client, None, None, 0)  # Trigger to check connection status
+
+def update_graph():
+    if not data_buffer:
+        return px.line(title="Waiting for Data...")
+    
+    df = pd.DataFrame(list(data_buffer))
+    return px.line(df, x='timestamp', y='weight', title="Weight Over Time")
+
+# Build Gradio interface
+with gr.Blocks() as app:
+    gr.Markdown("# Weight Monitor")
+    
+    # Connect to MQTT section
+    gr.Markdown("## Connect to MQTT")
+
+    # Input fields for HiveMQ connection with initial values
+    with gr.Row():
+        hivemq_host = gr.Textbox(label="HiveMQ Host:", value="f74268785e954de0970c4bd66f31b0a1.s1.eu.hivemq.cloud")
+        mqtt_username = gr.Textbox(label="HiveMQ Username:", value="evnesher")
+        mqtt_password = gr.Textbox(label="HiveMQ Password:", value="Gfx8360", type="password")
+
+    # Connect button
+    connect_button = gr.Button("Connect")
+    
+    # Connection status display
+    connection_status = gr.Textbox(label="Connection Status:", interactive=False)
+
+    # Define the button click action
+    connect_button.click(fn=connect_mqtt, inputs=[hivemq_host, mqtt_username, mqtt_password], outputs=connection_status)
+
+    # Graph display
+    plot = gr.Plot(update_graph)
+    gr.Button("Refresh").click(fn=update_graph, outputs=plot)
+
+if __name__ == "__main__":
+    app.launch()