Get functional URL in more info return

app.py

@@ -237,9 +237,9 @@ if __name__ == "__main__":
                   #  open_domain_flag_btn = gr.Button("Flag Mistake", variant="primary")
 
             with gr.Row():
-                taxon_url = gr.TextArea(label = "More Information", 
-                                elem_id = "textbox", 
-                                show_copy_button = True)
+                taxon_url = gr.HTML(label = "More Information", 
+                                elem_id = "url"
+                                )
 
             with gr.Row():
                 gr.Examples(
@@ -340,4 +340,4 @@ if __name__ == "__main__":
         )
 
     app.queue(max_size=20)
-    app.launch()
+    app.launch(share=True)

components/query.py

@@ -57,10 +57,11 @@ def get_sample(df, pred_taxon, rank):
                                                    )
         img_resp = requests.get(img_src)
         img = Image.open(io.BytesIO(img_resp.content))
+        full_eol_url = EOL_URL + eol_page_id
         if is_exact:
-            eol_page = f"Check out the EOL entry for {pred_taxon} to learn more: {EOL_URL}{eol_page_id}."
+            eol_page = f"<p>Check out the EOL entry for {pred_taxon} to learn more: <a href={full_eol_url} target='_blank'>{full_eol_url}</a>.</p>"
         else:
-            eol_page = f"Check out an example EOL entry within {pred_taxon} to learn more: {full_name} {EOL_URL}{eol_page_id}."
+            eol_page = f"<p>Check out an example EOL entry within {pred_taxon} to learn more: {full_name} <a href={full_eol_url} target='_blank'>{full_eol_url}</a>.</p>"
         logger.info(f"Successfully retrieved sample image and EOL page for {pred_taxon}")
         return img, eol_page
     except Exception as e: