Update app.py

app.py

@@ -193,36 +193,35 @@ def CogMapAnalysis(text):
 # Create the GUI using the 'gr' library
 
 with gr.Blocks() as demo:
+    gr.Markdown('# CogMApp')
+    gr.Markdown('### Generate cognitive maps from text with one click!')
+
     with gr.Row():
-        gr.Markdown("<h1 style='text-align: center;'><strong>CogMApp</strong></h1>")
-        gr.Markdown("<h3 style='text-align: center;'>Generate cognitive maps from text with one click!</h3>")
-    
-    with gr.Row():
-        inputs = gr.Textbox(label="Input", lines=2, placeholder="Enter your text here...")
-        examples = [
-            "Public support for anti-discrimination laws and the movement to support immigrants grew due to the impact of getting widespread education on social justice issues.",
-            "The introduction of new anti-discrimination laws has been driven by an increasing awareness of social injustices and grassroots movements.",
-            "The weak law enforcement in this country is due to its citizens's ignorance.",
-            "CogMApp is a tool that lets you create cognitive maps from text."
-        ]
-        examples_dropdown = gr.Dropdown(label="Examples", choices=examples)
-        submit_button = gr.Button("Submit")
+        with gr.Column():
+            inputs = gr.Textbox(label="Input", lines=2, placeholder="Enter your text here...")
+            submit_button = gr.Button("Submit")
+        with gr.Column():
+            examples = gr.Examples(examples=[
+                "Public support for anti-discrimination laws and the movement to support immigrants grew due to the impact of getting widespread education on social justice issues.",
+                "The introduction of new anti-discrimination laws has been driven by an increasing awareness of social injustices and grassroots movements.",
+                "The weak enforcement in this country is due to its citizens's ignorance.",
+                "CogMApp is a tool that lets you create cognitive maps from text."
+            ], inputs=inputs)
 
     with gr.Row():
-        output = gr.Textbox(label="CogMap", lines=1, placeholder="Generated CogMap will appear here.")
-    
+        output = gr.Textbox(label="CogMap", lines=10, placeholder="Generated CogMap will appear here.")
+
     with gr.Row():
         cogmap_plot = gr.Plot(label="Visualization")
 
     with gr.Row():
-        flag_notice = gr.Markdown("⚠️ Feel free to flag me if you find any errors. 🙂")
+        gr.Markdown("⚠️ Feel free to flag me if you find any errors. 🙂")
 
     with gr.Column():
-        gr.Markdown('<p style="text-align: center;">Demo made with ❤ by P.K. Ningrum (2024) | Contact: <a href="https://ningrumdaud.github.io/">https://ningrumdaud.github.io/</a></p>')
+        gr.Markdown('Demo made with ❤ by P.K. Ningrum (2024) | Contact: [https://ningrumdaud.github.io/](https://ningrumdaud.github.io/)')
 
-    # Linking the button to execute the function
+    # Set up the button to execute the function when clicked
     submit_button.click(CogMapAnalysis, inputs=[inputs], outputs=[output, cogmap_plot])
-    examples_dropdown.change(fn=lambda x: inputs.update(x), inputs=[examples_dropdown], outputs=[inputs])
 
 if __name__ == "__main__":
     demo.launch(show_api=False, share=True)