update button and html styles

app.py

@@ -120,7 +120,10 @@ def upload_files_to_space(repo_link, hf_token):
 
     repo_url = f"https://huggingface.co/spaces/{user_name}/LangChain_{repo_name}Bot"
     space_name = f"{user_name}/LangChain_{repo_name}Bot"
-    return f"Successfully created the Chatbot at: <a href="+ repo_url + " target='_blank'>" + space_name + "</a>"
+    #return f"Successfully created the Chatbot at: <a href="+ repo_url + " target='_blank'>" + space_name + "</a>"
+    return "<p style='color: orange; text-align: center; font-size: 24px; background-color: lightgray; display: inline-block;'>Successfully created the Chatbot at: <a href="+ repo_url + " target='_blank'>" + space_name + "</a></p>"
+    #<p style="color: orange; text-align: center; font-size: 24px; background-color: lightgray; display: inline-block;">This is some text</p>
+
 
 def driver(repo_link, hf_token):
     #create search index openai_api_key=openai_api_key
@@ -133,20 +136,24 @@ def driver(repo_link, hf_token):
     print(f"html tag is : {html_tag}")
     return html_tag
     
-    
+def set_state():
+    return gr.update(visible=True), gr.update(visible=True)
 
 #Gradio code for Repo as input and search index as output file 
 with gr.Blocks() as demo:
-    with gr.Row():
-        repo_link = gr.Textbox(label="Enter Github repo name")
-        hf_token_in = gr.Textbox(type='password', label="Enter hf-token name")
-        openai_api_key = gr.Textbox(type='password', label="Enter your OpenAI API key here")
-    with gr.Row():
+    with gr.Row() :
+        with gr.Column():
+            repo_link = gr.Textbox(label="Enter Github repo name")
+            openai_api_key = gr.Textbox(type='password', label="Enter your OpenAI API key here")
         btn_faiss = gr.Button("Create Search index")
-        btn_create_space = gr.Button("Create YOur Chatbot")
+    search_index_file = gr.File(label= 'Search index vector')
+    with gr.Row():
+        hf_token_in = gr.Textbox(type='password', label="Enter hf-token name", visible=False)
+        btn_create_space = gr.Button("Create Your Chatbot", visible=False)
     html_out = gr.HTML()
-    search_index_file = gr.File()
+    
     btn_faiss.click(create_search_index, [repo_link, openai_api_key],search_index_file )
+    search_index_file.change(fn=set_state, outputs=[hf_token_in, btn_create_space])
     btn_create_space.click(driver, [repo_link, hf_token_in], html_out)
 
 demo.queue()