Update app.py

app.py

@@ -92,6 +92,25 @@ with gr.Blocks(theme=gr.themes.Soft(), title="AB Elevators") as demo:
     </div>
     """)
 
+    # --- Image Updates ---
+    lift.change(
+        fn=lambda x: get_image_path("Lift_Type", x),
+        inputs=lift,
+        outputs=lift_img
+    )
+
+    door_type.change(
+        fn=lambda x: get_image_path("Door_Type", x),
+        inputs=door_type,
+        outputs=door_img
+    )
+
+    motor.change(
+        fn=lambda x: get_image_path("Motor_Type", x),
+        inputs=motor,
+        outputs=motor_img
+    )    
+
     with gr.Row():
         with gr.Column():
             brand = gr.Dropdown(categorical_options['BRAND NAME'], label="🏢 Brand")
@@ -138,25 +157,7 @@ with gr.Blocks(theme=gr.themes.Soft(), title="AB Elevators") as demo:
     output_price = gr.Markdown()
     output_status = gr.Markdown()
 
-    # --- Image Updates ---
-    lift.change(
-        fn=lambda x: get_image_path("Lift_Type", x),
-        inputs=lift,
-        outputs=lift_img
-    )
-
-    door_type.change(
-        fn=lambda x: get_image_path("Door_Type", x),
-        inputs=door_type,
-        outputs=door_img
-    )
-
-    motor.change(
-        fn=lambda x: get_image_path("Motor_Type", x),
-        inputs=motor,
-        outputs=motor_img
-    )    
-
+    
     predict_btn.click(
         fn=predict_price,
         inputs=[brand, lift, door_frame, door_type, cabin, motor,