Update app.py

app.py

@@ -38,33 +38,37 @@ def youtube_sentiment_analysis(url, num_of_comments):
         logging.exception(f"Unexpected Error: {str(e)}")
         return f"Unexpected Error: {str(e)}", None, None
 
-# Gradio Interface (All Outputs Below Input)
-iface = gr.Blocks()
-
 # Example YouTube URLs 
 example_urls = [
-    "https://www.youtube.com/watch?v=0e9WuB0Ua98",
-    "https://www.youtube.com/watch?v=3JZ_D3ELwOQ",
-    "https://youtu.be/dQw4w9WgXcQ",
-    "https://www.youtube.com/watch?v=9bZkp7q19f0",
-    "https://www.youtube.com/watch?v=2Vv-BfVoq4g"
+    ["https://www.youtube.com/watch?v=0e9WuB0Ua98"],
+    ["https://www.youtube.com/watch?v=3JZ_D3ELwOQ"],
+    ["https://youtu.be/dQw4w9WgXcQ"],
+    ["https://www.youtube.com/watch?v=9bZkp7q19f0"],
+    ["https://www.youtube.com/watch?v=2Vv-BfVoq4g"]
 ]
 
-with iface:
-    gr.Markdown("## YouTube Comment Sentiment Analysis", elem_classes='centered-title')
+# Gradio Interface
+with gr.Blocks() as demo:
+    # Centered Title
+    with gr.Row():
+        gr.HTML("<h1 style='text-align: center; width: 100%;'>🎬 YouTube Comment Sentiment Analysis</h1>")
 
-    gr.Markdown("Enter a YouTube video URL and specify the number of comments to analyze.")
+    with gr.Row():
+        gr.HTML("<p style='text-align: center; width: 100%;'>Enter a YouTube video URL and specify the number of comments to analyze.</p>")
 
     with gr.Row():
-        youtube_url = gr.Textbox(label="YouTube Video URL")
-        num_comments = gr.Slider(minimum=10, maximum=1000, step=1, value=100, label="Number of Comments to Fetch")
+        with gr.Column():
+            youtube_url = gr.Textbox(label="YouTube Video URL")
+            num_comments = gr.Slider(minimum=10, maximum=1000, step=1, value=100, label="Number of Comments to Fetch")
+            submit_btn = gr.Button("Submit")
 
-    submit_btn = gr.Button("Submit")
+            gr.Markdown("### Example YouTube Video URLs for Testing")
+            gr.Examples(examples=example_urls, inputs=youtube_url, label="Click an example to autofill")
 
-    # All outputs are placed BELOW the input
-    output_summary = gr.Textbox(label="Overall Sentiment Summary")
-    output_chart = gr.Plot(label="Sentiment Chart")
-    output_table = gr.Dataframe(label="Comment Sentiment Analysis")
+        with gr.Column():
+            output_summary = gr.Textbox(label="Overall Sentiment Summary")
+            output_chart = gr.Plot(label="Sentiment Chart")
+            output_table = gr.Dataframe(label="Comment Sentiment Analysis")
 
     submit_btn.click(
         youtube_sentiment_analysis,
@@ -72,10 +76,6 @@ with iface:
         outputs=[output_summary, output_chart, output_table],
     )
 
-    gr.Markdown("### Example YouTube Video URLs for Testing (Click to Use)")
-    with gr.Row():
-        for example in example_urls:
-            gr.Button(example).click(fn=lambda x=example: x, outputs=[youtube_url])
-
 # Launch App
-iface.launch(share=True)
+if __name__ == "__main__":
+    demo.launch()