Update app.py

app.py

@@ -56,14 +56,17 @@ def find(query):
         #results = results + result_quran['text'].item()+" (Q.S "+str(result['sura']).rstrip('.0')+":"+str(result['aya']).rstrip('.0')+")\n"
         i=i+1
 
-    results['text'] = results['text'] + '#' + 'https://quran.com/'+results['sura'].astype(str)+':'+results['aya'].astype(str)+'/tafsirs/en-tafisr-ibn-kathir'
+    url = 'https://quran.com/'+results['sura'].astype(str)+':'+results['aya'].astype(str)+'/tafsirs/en-tafisr-ibn-kathir'
+    results['text'] = '<a href="{'+url+'}">{'+results['text']+'}</a>'
+    #results['text'] = results['text'] + '#' + 'https://quran.com/'+results['sura'].astype(str)+':'+results['aya'].astype(str)+'/tafsirs/en-tafisr-ibn-kathir'
+    
     results = results.style.format({'text': make_clickable_both})
     
     #return sorted_quran
     return results
     
-demo = gr.Interface(fn=find, inputs="textbox", outputs=gr.Dataframe(headers=['sura', 'aya', 'text'],wrap=True))
+demo = gr.Interface(fn=find, inputs="textbox", outputs=gr.Dataframe(headers=['sura', 'aya', 'text'],datatype=["str", "str", "markdown"],wrap=True))
 #demo = gr.Interface(fn=find, inputs="textbox", outputs="textbox")
     
 if __name__ == "__main__":
-    demo.launch(share=True)   
+    demo.launch()