Update description_search_ui.py

description_search_ui.py

@@ -154,7 +154,7 @@ import gradio as gr
 #         return description_input, search_button, result_output
 
 
-def create_description_search_tab():
+def create_description_search_tab() -> gr.Column:
     """創建描述搜索頁面的UI組件"""
     guide_html = """
     <div class="breed-search-container">
@@ -294,8 +294,7 @@ def create_description_search_tab():
 
         # 加載狀態和結果區域
         with gr.Column() as output_area:
-            result_output = gr.HTML(label="Breed Recommendations")
-            loading_status = gr.HTML(visible=False, value="""
+            loading_info = gr.HTML(visible=True, value="""
                 <div style="text-align: center; padding: 2rem;">
                     <div style="display: inline-block; width: 40px; height: 40px; border: 4px solid #f3f3f3; 
                          border-top: 4px solid #3498db; border-radius: 50%; margin-bottom: 1rem;
@@ -316,24 +315,6 @@ def create_description_search_tab():
                     </div>
                 </div>
             """)
-
-        def on_button_click():
-            return gr.update(visible=True), gr.update(visible=False)
-
-        # 點擊按鈕時顯示加載狀態
-        search_button.click(
-            fn=on_button_click,
-            inputs=[],
-            outputs=[loading_status, result_output],
-            queue=False
-        ).then(
-            fn=on_description_search,
-            inputs=[description_input],
-            outputs=[result_output]
-        ).then(
-            fn=lambda: (gr.update(visible=False), gr.update(visible=True)),
-            inputs=[],
-            outputs=[loading_status, result_output]
-        )
+            result_output = gr.HTML(label="Breed Recommendations")
         
         return description_input, search_button, result_output