Update: A few changes in UI

app.py

@@ -14,11 +14,13 @@ processing = False
 
 def load_pdf(pdf_file_path):
     global pdf_loaded
+    if pdf_file_path is None:
+        return "Upload PDF First"
     filename = pdf_file_path.name
     global brain
     brain = Initializer.initialize(AUG_TOKEN, RES_TOKEN, filename)
     pdf_loaded = True
-    return "Processing complete!"
+    return "Ask Questions Now!"
 
 
 def response(query, history):
@@ -49,21 +51,25 @@ def loading():
 with gr.Blocks(css=css) as app:
     with gr.Column(elem_id="column_container"):
         gr.HTML(title_html)
+
         with gr.Column():
-            pdf = gr.File(label="Load your PDF document", file_types=[".pdf"])
+            send = gr.Label(value="UPLOAD your PDF below")
+            pdf = gr.File(label="Load your PDF document:", file_types=[".pdf"])
             with gr.Row():
-                status = gr.Label(label="Status", value="Yet to Process the PDF")
+                status = gr.Label(label="Status:", value="Process Document!")
                 load_pdf_button = gr.Button(value="Process")
 
-        chatbot = gr.Chatbot([], elem_id="chatbot")
+        chatbot = gr.Chatbot([])
+        with gr.Column():
+            send = gr.Label(value="Write your QUESTION bellow and hit ENTER")
         query = gr.Textbox(
-            label="Ask questions about the PDF",
+            label="Type your questions here:",
             placeholder="What do you want to know?",
         )
         clear = gr.ClearButton([query, chatbot])
         gr.HTML(bts_html)
 
-    load_pdf_button.click(loading, outputs=[status], queue=True)
+    load_pdf_button.click(loading, outputs=[status], queue=False)
     load_pdf_button.click(load_pdf, inputs=[pdf], outputs=[status], queue=True)
     query.submit(response, [query, chatbot], [query, chatbot], queue=True)
 

src/style.css

@@ -51,7 +51,7 @@ li {
 }
 
 button {
-    background-color: #7af3e575;
+    background-color: #7af3e517;
     color: #000000;
     border: none;
     border-radius: 8px;