Update app.py

app.py

@@ -191,36 +191,39 @@ def CogMapAnalysis(text):
 
 # Create the GUI using the 'gr' library
 with gr.Blocks() as demo:
-    gr.Markdown('<div style="text-align: center;"><h1><strong>CogMApp</strong></h1></div> <div style="text-align: center;"><h3>Generate cognitive maps from text with one click!</h3></div>')
+    with gr.Row():
+        gr.Markdown('<div style="text-align: center;"><h1><strong>CogMApp</strong></h1></div> <div style="text-align: center;"><h3>Generate cognitive maps from text with one click!</h3></div>')
 
     with gr.Row():
         with gr.Column():
-            inputs = gr.Textbox(label="Input Text", lines=4, placeholder="Enter your text here...")
-            output = gr.Textbox(label="CogMap Output", lines=4, placeholder="Processed output appears here...", interactive=False)
+            inputs = gr.Textbox(label="Input", lines=2, placeholder="Enter your text here...")
             submit_button = gr.Button("Submit")
         with gr.Column():
-            cogmap_plot = gr.Plot(label="Visualization")
-            gr.Markdown("⚠️  Feel free to flag me if you find any errors. 🙂")
-
-    examples = [
-        "Public support for anti-discrimination laws and the movement to support immigrants grew due to the impact of 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' ignorance.",
-        "CogMApp is a tool that lets you create cognitive maps from text."
-    ]
-    
-    def update_output(input_text):
-        return CogMapAnalysis(input_text)
-    
-    submit_button.click(
-        fn=update_output,
-        inputs=inputs,
-        outputs=[output, cogmap_plot]
-    )
+            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."
+            ]
+            example_dropdown = gr.Dropdown(label="Examples", choices=examples, type="index")
+            load_example_button = gr.Button("Load Example")
+
+    with gr.Row():
+        output = gr.Textbox(label="CogMApp", lines=1, placeholder=" ")
+        cogmap_plot = gr.Plot(label="Visualization")
+
+    with gr.Row():
+        gr.Markdown("⚠️  Feel free to flag me if you find any errors. :)")
     
-    inputs.add_examples(examples, fn=CogMapAnalysis)
+    with gr.Row():
+        gr.Markdown('<p style="text-align: center; ">Demo made with ❤ by P.K. Ningrum (2024) | Contact: https://ningrumdaud.github.io/ </p>')
+
+    # Function to handle loading examples
+    def load_example(example_index):
+        inputs.value = examples[example_index]
 
-    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>')
+    example_dropdown.change(load_example, inputs=[example_dropdown], outputs=[inputs])
+    submit_button.click(CogMapAnalysis, inputs=[inputs], outputs=[output, cogmap_plot])
 
 if __name__ == "__main__":
     demo.launch(show_api=False, share=True)