Update app.py

app.py

@@ -708,20 +708,45 @@ def show_details_html(choice, previous_output, initial_state):
         return f"<p style='color: red;'>{error_msg}</p>", gr.update(visible=True), initial_state
 
 
+# def format_description_html(description, breed):
+#     html = "<ul style='list-style-type: none; padding-left: 0;'>"
+#     if isinstance(description, dict):
+#         for key, value in description.items():
+#             # 跳過 Breed 資訊
+#             if key != "Breed":
+#                 html += f"<li style='margin-bottom: 10px;'><strong>{key}:</strong> {value}</li>"
+#     elif isinstance(description, str):
+#         html += f"<li>{description}</li>"
+#     else:
+#         html += f"<li>No description available for {breed}</li>"
+#     html += "</ul>"
+#     akc_link = get_akc_breeds_link(breed)
+#     html += f'<p><a href="{akc_link}" target="_blank">Learn more about {breed} on the AKC website</a></p>'
+#     return html
+
+
 def format_description_html(description, breed):
     html = "<ul style='list-style-type: none; padding-left: 0;'>"
     if isinstance(description, dict):
         for key, value in description.items():
-            # 跳過 Breed 資訊
-            if key != "Breed":
+            if key != "Breed":  # 跳過重複的品種顯示
                 html += f"<li style='margin-bottom: 10px;'><strong>{key}:</strong> {value}</li>"
     elif isinstance(description, str):
         html += f"<li>{description}</li>"
     else:
         html += f"<li>No description available for {breed}</li>"
     html += "</ul>"
+    
+    # 修改連結的生成方式
     akc_link = get_akc_breeds_link(breed)
-    html += f'<p><a href="{akc_link}" target="_blank">Learn more about {breed} on the AKC website</a></p>'
+    html += f'''
+        <div class="action-section">
+            <a href="{akc_link}" target="_blank" class="akc-button">
+                <span class="icon">🌐</span>
+                Learn more about {breed} on AKC website
+            </a>
+        </div>
+    '''
     return html