Update breed_recommendation.py

breed_recommendation.py

@@ -118,7 +118,12 @@ def create_recommendation_tab(UserPreferences, get_breed_recommendations, format
                 )
 
                 get_recommendations_btn = gr.Button("Find My Perfect Match! 🔍", variant="primary")
-                recommendation_output = gr.HTML(label="Breed Recommendations")
+                # recommendation_output = gr.HTML(label="Breed Recommendations")
+                recommendation_output = gr.HTML(
+                    label="Breed Recommendations",
+                    visible=True,  # 確保可見性
+                    elem_id="recommendation-output"  # 添加唯一ID以便追蹤
+                )
 
         def on_find_match_click(*args):
             try:
@@ -186,6 +191,23 @@ def create_recommendation_tab(UserPreferences, get_breed_recommendations, format
                 return gr.update(value="Error getting recommendations", visible=True)
            
 
+        # get_recommendations_btn.click(
+        #     fn=on_find_match_click,
+        #     inputs=[
+        #         living_space,
+        #         yard_access,        
+        #         exercise_time,
+        #         exercise_type,      
+        #         grooming_commitment,
+        #         experience_level,
+        #         time_availability, 
+        #         has_children,
+        #         children_age,
+        #         noise_tolerance
+        #     ],
+        #     outputs=recommendation_output
+        # )
+
         get_recommendations_btn.click(
             fn=on_find_match_click,
             inputs=[
@@ -200,7 +222,13 @@ def create_recommendation_tab(UserPreferences, get_breed_recommendations, format
                 children_age,
                 noise_tolerance
             ],
-            outputs=recommendation_output
+            outputs=recommendation_output,
+            api_name="get_recommendations"  # 添加API名稱以便追蹤
+        ).then(  # 添加清理函數
+            lambda: None,
+            None,
+            None,
+            _js="() => {document.getElementById('recommendation-output').scrollIntoView({behavior: 'smooth'})}"
         )
 
     return {